Select

Accessible dropdown selection built on @kobalte/core.

import { Select } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

Prop	Type	Default	Description
`options` *	`SelectOption[]`	—	Array of selectable options.
`value`	`string`	—	Currently selected option value.
`onChange`	`(value: string) => void`	—	Callback fired when selection changes.
`placeholder`	`string`	`'Select...'`	Placeholder text shown when no option is selected.
`disabled`	`boolean`	—	Whether the select is disabled.
`class`	`string`	—	Additional CSS class name for the trigger button.
`unstyled`	`boolean`	`false`	Disable default styling and apply only custom classes.

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.