HomePluginsToolsGuidesPortfolioWorkflowAboutWork with usContact
GetSet

We build and fix production web applications, and publish the UI packages and free browser tools on this site.

info@get-set.it

Explore

  • Plugins
  • Tools
  • Guides
  • Portfolio

Company

  • About
  • Workflow
  • Work with us
  • Contact

Legal

  • Terms
  • Privacy
  • Accessibility
  • Cookies

© 2026 GetSet

We're on npm

Your Bundle

Your bundle is empty

Add plugins from the catalog to build one combined CDN link — like picking font families.

Browse plugins
Forms Plugin

GS Select

Fully customizable select dropdown with tag-based multiselect, filter search, AJAX search, and smooth animations.

Latest: v1.0.28
Downloads last month: 121
Visit Demo Website

Install Package

npm i @get-set/gs-select
or via CDN
<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>
Interactive Playground

Live Sandbox

Select.jsx
1
2
3
4
5
6
7
8
9
10
11
12
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>
  );
}
Live Preview

Reconstructed dropdown layout showing standard option tags.

Options

Configuration Values

Search Placeholder?Placeholder of the search field.
Empty Results Text?Message when the search matches nothing.
Placeholder?Control text while nothing is selected.
Panel Max Height (px)?Scroll threshold of the options panel.
Control Size?Control + option row sizing.
Open Animation?Panel opening animation.
Animation Duration (ms)?Open/close transition duration.
Backdrop Layer?Overlay behind the open panel.
Theme?Color theme.
Accent Color?Any CSS color for selection/focus (sets --gs-accent).
Open Direction?Panel opening direction.
Trigger Icon (HTML)?Custom trigger icon markup/emoji.
Panel z-index?Stacking index of the open panel.

Feature Flags

API Specifications

OptionTypeDefaultDescription
referencestringrandom GUIDUnique reference key for instance registry.
multiplebooleanfalseAllow selecting multiple option values, rendering them as tags.
allowSearchbooleantrueShow search filter input in dropdown body.
closeAfterSelectbooleantrueInstantly close dropdown on choosing value.
searchPlaceholderstring'Type for searching'Input search field default value.
maxHeightnumber300Maximum height threshold of options list in px.
iconstring'▼'Caret indicator icon element.
disableStylesbooleanfalseWipe all default component skin styling.

Technical Features

Multiselect Tags

Draws option tags dynamically within the input.

Fuzzy Search

Filter options instantly using custom search expressions.

Keyboard Navigation

Full arrow-key and tab focus cycle support.

Fully Themeable

Custom drop-shadows and variables for light/dark mode.

We build and maintain these packages. If you want this kind of work on your own product, we’re available.

Work with us Contact us