s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Forms and controls

MultiSelect

No summary has been written for MultiSelect. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript
import { MultiSelect } from '@happyvertical/smrt-ui/forms';
Import path
@happyvertical/smrt-ui/forms
Props
9
Props described
9 of 9
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
optionsControlOption[]YesArray of options to select from.
valuesArray<string | number>NoCurrently selected option values (bindable).
labelstringYesLabel for the multi-select control.
namestringNoHTML form field name.
placeholderstringNoPlaceholder text shown when no items selected.
disabledbooleanNoWhether the multi-select is disabled.
interactionControlInteractionOptions | falseNoInteraction options or false to disable all.
onvalueschange(values: Array<string | number>) => voidNoCallback when the selected values change.
classstringNoCSS class to apply to the control container.

Bindable state

This component has no bindable public state.

Callback events

  • onvalueschange(values: Array<string | number>) => void

Examples and explanation