Select

Displays a list of options for the user to select from, with a dropdown trigger button.

Use the Select component when you need to:

Allow users to choose a single option from a list of predefined choices
Conserve space in forms where dropdown selection is more appropriate than radio buttons
Display a list of options that might be too long for radio buttons
Provide a familiar selection pattern for form elements
Create a hierarchical selection interface with option groups

Select is best used when there's a predefined list of options and users need to select exactly one item from that list.

Timezone

Select your local timezone for accurate scheduling.

Disabled Select

Select with Disabled Options

Prop	Type	Default
`asChild?`	`boolean`	-
`value?`	`string \| number \| readonly string[]`	-
`type?`	`"button" \| "submit" \| "reset"`	-
`name?`	`string`	-
`formTarget?`	`string`	-
`formNoValidate?`	`boolean`	-
`formMethod?`	`string`	-
`formEncType?`	`string`	-
`formAction?`	`string \| ((formData: FormData) => void \| Promise<void>)`	-
`disabled?`	`boolean`	-
`key?`	`Key \| null`	-
`form?`	`string`	-

Prop	Type	Default
`position?`	`"item-aligned" \| "popper"`	-
`onPointerDownOutside?`	`((event: PointerDownOutsideEvent) => void)`	-
`onEscapeKeyDown?`	`((event: KeyboardEvent) => void)`	-
`onCloseAutoFocus?`	`((event: Event) => void)`	-
`updatePositionStrategy?`	`"always" \| "optimized"`	-
`hideWhenDetached?`	`boolean`	-
`sticky?`	`"partial" \| "always"`	-
`collisionPadding?`	`number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>`	-
`collisionBoundary?`	`Boundary \| Boundary[]`	-
`avoidCollisions?`	`boolean`	-
`arrowPadding?`	`number`	-
`alignOffset?`	`number`	-
`align?`	`"center" \| "start" \| "end"`	-
`sideOffset?`	`number`	-
`side?`	`"top" \| "right" \| "bottom" \| "left"`	-
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-

Prop	Type	Default
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-

Prop	Type	Default
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-

Prop	Type	Default
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-

Prop	Type	Default
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-

Prop	Type	Default
`asChild?`	`boolean`	-
`key?`	`Key \| null`	-