Components
Multi Select
Multi Select
The Multi-Select component, a variation of the <Command /> component from the ShadCN Extensions library, provides a simple and intuitive interface for selecting multiple values from a list. This component is designed to offer users a seamless and efficient way to manage selections, making it ideal for applications that require handling multiple inputs or options.
Additional Example
With State
With ZOD Validation
Configurable Props
<MultiSelector>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
values | string | string[] | The value array that contains the values of the selected items. |
onValueChange | function | (value: string[]) => void | The function that will be called when the value changes. |
loop | boolean | false | If true, the selection will loop around when it reaches the end of current selected elements |