InputSelect

Select wrapper that displays the option label (string or ReactNode) instead of the raw value, with controlled and uncontrolled support.

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

Searchable + Clearable

Selected: mx

Disabled