Select Menu
Styled select control with a native single-select path and a custom popup path for searchable and multi-select modes.
[SRC]tsx
1import { SelectMenu } from "@mdrbx/nerv-ui";
Basic Usage
DEFAULTinspection frame
live inspectionframe-01
<
>
Searchable Single Select
FILTERinspection frame
live inspectionframe-01
<>
Multi Select
MULTIPLEinspection frame
live inspectionframe-01
<>
Searchable Multi Select
FILTER + MULTIPLEinspection frame
live inspectionframe-01
<>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| options* | SelectMenuOption[] | — | Array of { value, label, disabled? } |
| label | string | — | Label text |
| color | "orange" | "green" | "cyan" | "orange" | Color theme |
| size | "sm" | "md" | "lg" | "md" | Select size |
| placeholder | string | "SELECT..." | Empty-state text for native and custom modes |
| multiple | boolean | false | Enable multi-select mode with inline selected tags |
| filter | boolean | false | Enable local option filtering inside the popup |
| value | string | string[] | — | Controlled value for single or multiple mode |
| defaultValue | string | string[] | — | Initial value for uncontrolled single or multiple mode |
| onValueChange | (value: string | string[]) => void | — | Normalized value callback; native onChange remains supported |
| error | string | — | Error message |
| wrapperClassName | string | "" | Wrapper element CSS classes |