InputSelect

Select wrapper that displays the option label instead of the raw value, supports controlled and uncontrolled state, and provides a clear affordance that emits null.

Import

import { InputSelect } from "@repo/design-system/components/input/input-select";

Playground

Options
Size
Searchable
Clearable
Disabled

Value: apple

Controlled

Selected: none

Uncontrolled (defaultValue)

Custom render

Searchable

Selected: none

Clearable

Selected: mx

Disabled