Select
The Select component with collection of predefined options is used to pick a value.
Imports
import {
Select,
SelectBase,
SelectPrefix,
SelectSuffix,
SelectWrapper,
} from "@adaptui/react-tailwind";
💡
A complex component that supports customization as per the composition guide.
Usage
Select Variants
Variants can be set using the variant
prop. The default variant is outline
.
The available variants are: outline
subtle
underline
& ghost
Select sizes
Sizes can be set using the size
prop. The default size is md
. The available
sizes are: sm
md
lg
xl
Select Prefix
Comes only with prefix
prop to append any content inside the Select. Also you
can change the default suffix
component aswell.
API Reference
Prop | Type | Default |
---|---|---|
size | union | md |
variant | union | outline |
disabled | boolean | false |
invalid | boolean | false |
loading | boolean | false |
prefix | React.ReactNode | - |
suffix | React.ReactNode | - |
spinner | React.ReactNode | - |
Last updated on July 27, 2022