Select

Used to pick a value from predefined options.

Select framework

Examples

Use the variant prop to change the style of the select component.

Select framework - subtle

Select framework - outline

Use the size prop to change the size of the select component.

size - xs

size - sm

size - md

size - lg

size - xl

Use the SelectItemGroup component to group select options.

Select framework

Use the disabled prop to disable select component.

Select framework

Here's an example of how to compose the Select component with theField component to display an error state.

Select framework

This is an error

Use the multiple prop to allow multiple selections.

Select framework

Use the positioning prop to control the underlying floating-ui options of the select component.

Select framework

Here's an example of how to render a description for each item.

Select plan

Here's an example of how to compose the Select and the Avatar.

Select member