Free and open-source React multi select components built for modern applications and websites. These multi select components are built using React Aria and styled with Tailwind CSS.
Installation
You can add this multi-select component using our CLI or manually:
npx untitledui@latest add select
Multi-select examples
Below are examples and variations of this multi-select component:
FAQs
Please refer to our frequently asked questions page for more.
The multi-select supports three sizes: "sm", "md", and "lg". The default size is "sm".
You can disable the multi-select by setting the isDisabled prop to true.
Pass an onSelectAll callback to add a "Select all" action, and an onReset callback to add a "Clear" action. These appear as buttons in the dropdown header.
Use the supportingText prop to show additional context below the selected items count, such as "12 users".
Yes. The multi-select is built on React Aria Components, which provides full keyboard navigation, screen reader support, and ARIA attributes out of the box.