Select
Display a dropdown list of items.
Sizes
The default size is medium
Custom icon
Disabled
Error
API Reference
Select
React.ComponentPropsWithRef<div>| Prop | Type | Default |
|---|---|---|
open | boolean | _ |
defaultOpen | boolean | _ |
onOpenChange | (open: boolean) => void | _ |
name | string | _ |
size | sm | md | lg | md |
disabled | boolean | false |
error | boolean | false |
value | string | _ |
defaultValue | string | _ |
onValueChange | (value: string) => void | _ |
container | HTMLElement | window.document.body |
position | item-aligned | popper | popper |
side | top | right | bottom | left | bottom |
alignOffset | number | 0 |
avoidCollisions | boolean | true |
Trigger
React.ComponentPropsWithRef<button>Value
React.ComponentPropsWithRef<span>| Prop | Type | Default |
|---|---|---|
placeholder | string | _ |
Icon
React.ComponentPropsWithRef<div>Group
React.ComponentPropsWithRef<div>Content
React.ComponentPropsWithRef<div>Item
React.ComponentPropsWithRef<div>| Prop | Type | Default |
|---|---|---|
value | string | _ |
disabled | boolean | false |