Semantic UI sandbox

by Banandrew

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class="ui search selection dropdown">
  <input type="hidden">
  <i class="dropdown icon"></i>
  <input type="text" class="search" tabindex="0">
  <div class="default text">Select one...</div>
  <div class="menu" tabindex="-1"></div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

$('.ui.dropdown')
  .dropdown({
    apiSettings: {
      // this url parses query server side and returns filtered results
      url: 'https://api.semantic-ui.com/tags/{query}'
    },
  })