Select
Select a start and end date, perfect for booking a vacation or setting periods efficiently, streamlining the process of defining time spans with ease.
Basic
A select component displays a dropdown list of options, allowing users to pick one from the list.
Design software
Installation
npx hq-kit add select
Select Item Details
If you need to provide more information about an item, use the SelectItemDetails component to display additional details.
Roles
Section
A select component can display items grouped together in sections.
Select with Icon
A select component can display items grouped together in sections.
Validation
If a user submits the form without selecting an item, an error message will appear.
Controlled
You can control the select component by passing the selectedKey prop.
Movies
You have selected: Disabled
When the select component is disabled, it cannot be interacted with.
Design software