Root Props
| Prop | Type | Default |
|---|---|---|
selected | boolean | — |
| Whether this option is currently selected. | ||
children | ReactNode | — |
| The content displayed for this option. Can include text, icons, or complex markup. | ||
active | boolean | — |
Whether this option is the current target of keyboard navigation. The focus stays on the owner of the list, which points here with aria-activedescendant. | ||
size | OptionSize | 'md' |
| Size of the option for visual styling. | ||
ref | Ref<HTMLDivElement> | — |
| Ref forwarded to the root div of the option. | ||
disabled | boolean | — |
| Disables the entire Option. | ||
Also accepts all <div> attributes.
Child Parts
- None.
Optionis a single exported primitive.
Types
OptionPropsOptionSize
State Model
Optiondoes not manage selection or focus lists by itself.selectedandactiveare presentational inputs from the parent pattern.