Fully customizable select dropdown with tag-based multiselect, filter search, AJAX search, and smooth animations.
<link rel="stylesheet" href="https://cdn.get-set.it/gs-select/latest/gs-select.min.css"> <script src="https://cdn.get-set.it/gs-select/latest/gs-select.min.js"></script>
import Select from '@get-set/gs-select'; export default function App() { return ( <Select> <option value="react">React.js</option> <option value="next">Next.js App Router</option> <option value="vue">Vue.js</option> <option value="solid">Solid.js</option> </Select> ); }
Reconstructed dropdown layout showing standard option tags.
| Option | Type | Default | Description |
|---|---|---|---|
| reference | string | random GUID | Unique reference key for instance registry. |
| multiple | boolean | false | Allow selecting multiple option values, rendering them as tags. |
| allowSearch | boolean | true | Show search filter input in dropdown body. |
| closeAfterSelect | boolean | true | Instantly close dropdown on choosing value. |
| searchPlaceholder | string | 'Type for searching' | Input search field default value. |
| maxHeight | number | 300 | Maximum height threshold of options list in px. |
| icon | string | '▼' | Caret indicator icon element. |
| disableStyles | boolean | false | Wipe all default component skin styling. |
Draws option tags dynamically within the input.
Filter options instantly using custom search expressions.
Full arrow-key and tab focus cycle support.
Custom drop-shadows and variables for light/dark mode.