Select

Useful for allowing users to select only one option from a set.

Props

PropTypeDescription
childrenOption | OptionGroupThe options or option group to render
onValueChangeFunction (value: string)A function to be called when the value changes
size0 | 1The size to apply
variantnormal | ghostThe variant to apply

This component supports all common props.

Option

Props

PropTypeDescription
valueStringThe value to apply
labelStringThe label to display

This component supports all common props.

OptionGroup

Props

PropTypeDescription
childrenOptionThe options to render
labelStringThe group label to apply
disabledBooleanWhether it is disabled or not

This component supports all common props.

Examples

Variant

There are 2 variants options to choose from.

Sizes

There are 2 sizes to choose from.

With groups

Group options using the OptionGroup Component