5.1.1 • Published 3 months ago
@spark-web/multi-select v5.1.1
title: Multi-Select storybookPath: forms-select--default
isExperimentalPackage: true
Allows the user to search and make multi selection from a list of values.
Example
Default
const [selectedOptions, setSelectedOptions] = React.useState();
return (
<Stack gap="large">
<MultiSelect
options={[
{
label: '',
options: [
{ value: 'SENT', label: 'Sent' },
{ value: 'COMPLETED', label: 'Completed' },
],
},
]}
/>
</Stack>
);
With Default Option
const [selectedOptions, setSelectedOptions] = React.useState();
return (
<Stack gap="large">
<MultiSelect
options={[
{
label: 'Status',
options: [
{ value: 'SENT', label: 'Sent' },
{ value: 'COMPLETED', label: 'Completed' },
],
},
{
label: 'Payment',
options: [
{ value: 'CASH', label: 'Cash' },
{ value: 'CARD', label: 'Card' },
],
},
]}
placeholder="Select type"
onChange={selected => setSelectedOptions(selected)}
defaultOptions={[
{ value: 'CASH', label: 'Cash' },
{ value: 'SENT', label: 'Sent' },
]}
/>
</Stack>
);
Props
5.0.4
4 months ago
5.0.3
4 months ago
5.1.1
3 months ago
5.0.2
4 months ago
5.1.0
4 months ago
5.0.1
4 months ago
5.0.0
5 months ago
6.0.0
4 months ago
5.0.0-rc.24
6 months ago
5.0.0-rc.25
5 months ago
5.0.0-rc.26
5 months ago
5.0.0-rc.27
5 months ago
5.0.0-rc.28
5 months ago
5.0.0-rc.29
5 months ago
1.0.0-rc.20
6 months ago
1.0.0-rc.21
6 months ago
1.0.0-rc.9
7 months ago
1.0.0-rc.7
7 months ago
1.0.0-rc.8
7 months ago
1.0.0-rc.5
7 months ago
5.0.0-rc.31
5 months ago
1.0.0-rc.6
7 months ago
1.0.0-rc.13
7 months ago
1.0.0-rc.12
7 months ago
1.0.0-rc.11
7 months ago
1.0.0-rc.10
7 months ago
1.0.0-rc.17
7 months ago
1.0.0-rc.3
7 months ago
1.0.0-rc.16
7 months ago
1.0.0-rc.4
7 months ago
1.0.0-rc.15
7 months ago
1.0.0-rc.1
7 months ago
1.0.0-rc.14
7 months ago
1.0.0-rc.2
7 months ago
1.0.0-rc.0
7 months ago
1.0.0-rc.19
7 months ago
1.0.0-rc.18
7 months ago
0.0.2
11 months ago
0.0.1
11 months ago