mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 07:39:07 +03:00
Jonathan Summers-Muir
6dff3a7369
* chore: deprecate old files. add new one with first story * init multi select * docs * Update multi-select.mdx * deprecation notices * Delete MultiSelect.stories.tsx
43 lines
919 B
Plaintext
43 lines
919 B
Plaintext
---
|
|
title: Multi Select
|
|
description: Multiple selection component.
|
|
component: true
|
|
fragment: true
|
|
---
|
|
|
|
<ComponentPreview name="multi-select-demo" description="" peekCode wide />
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
import {
|
|
MultiSelector,
|
|
MultiSelectorContent,
|
|
MultiSelectorInput,
|
|
MultiSelectorItem,
|
|
MultiSelectorList,
|
|
MultiSelectorTrigger,
|
|
} from 'ui-patterns/multi-select'
|
|
```
|
|
|
|
```tsx
|
|
<MultiSelector values={value} onValuesChange={setValue}>
|
|
<MultiSelectorTrigger>
|
|
<MultiSelectorInput placeholder="Select items" />
|
|
</MultiSelectorTrigger>
|
|
<MultiSelectorContent>
|
|
<MultiSelectorList>
|
|
<MultiSelectorItem value="1">Item 1</MultiSelectorItem>
|
|
<MultiSelectorItem value="2">Item 2</MultiSelectorItem>
|
|
<MultiSelectorItem value="3">Item 3</MultiSelectorItem>
|
|
</MultiSelectorList>
|
|
</MultiSelectorContent>
|
|
</MultiSelector>
|
|
```
|
|
|
|
## Examples
|
|
|
|
### Form
|
|
|
|
<ComponentPreview name="multi-select-form" />
|