Select

Choose from a dropdown of options

import { Select } from "@plexui/ui/components/Select";

Examples

Overview

Custom views

Actions

Grouped options

Multiple selection

Reference

PropTypeDefaultDescription
optionsOptions<T>Array of options or grouped options
valuestring | string[]Selected value (single) or values (multiple)
onChangefunctionCalled when selection changes
multiplebooleanfalseAllow multiple selection
placeholderstring"Select..."Trigger placeholder
variantstring"outline"Trigger variant
sizestring"md"Trigger size
pillbooleanfalseRounded trigger
clearablebooleanfalseShow clear button
blockbooleantrueFull width trigger
disabledbooleanfalseDisable select
actionsarrayActions below options list
OptionViewReact.FCCustom option render
TriggerViewReact.FCCustom trigger render (multi)
searchPlaceholderstringSearch input placeholder

Select shares the unified 9-step size scale with Button, Input, SelectControl, and SegmentedControl.