Select

Popular

Dropdown selection with search and multi-select support.

formdropdownselection

Import

import { Select } from "@/components/ui";

Basic Usage

Select Preview

Country

Code

tsx

<Select
  options={[
    { value: "react", label: "React" },
    { value: "vue", label: "Vue" },
    { value: "angular", label: "Angular" },
  ]}
  placeholder="Select framework"
/>

Searchable

Enable search filter

1<Select
2  searchable
3  options={countries}
4  placeholder="Select country"
5/>

Multiple Selection

Allow selecting multiple options

1<Select
2  multiple
3  options={tags}
4  placeholder="Select tags"
5/>

Ready to use this component?

Configure your app with the features you need and download production-ready code.

Start Configuring