5.1.1 • Published 6 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
6 months ago
5.0.3
6 months ago
5.1.1
6 months ago
5.0.2
6 months ago
5.1.0
6 months ago
5.0.1
6 months ago
5.0.0
7 months ago
6.0.0
6 months ago
5.0.0-rc.24
8 months ago
5.0.0-rc.25
7 months ago
5.0.0-rc.26
7 months ago
5.0.0-rc.27
7 months ago
5.0.0-rc.28
7 months ago
5.0.0-rc.29
7 months ago
1.0.0-rc.20
8 months ago
1.0.0-rc.21
8 months ago
1.0.0-rc.9
9 months ago
1.0.0-rc.7
9 months ago
1.0.0-rc.8
9 months ago
1.0.0-rc.5
9 months ago
5.0.0-rc.31
7 months ago
1.0.0-rc.6
9 months ago
1.0.0-rc.13
9 months ago
1.0.0-rc.12
9 months ago
1.0.0-rc.11
9 months ago
1.0.0-rc.10
9 months ago
1.0.0-rc.17
9 months ago
1.0.0-rc.3
9 months ago
1.0.0-rc.16
9 months ago
1.0.0-rc.4
9 months ago
1.0.0-rc.15
9 months ago
1.0.0-rc.1
9 months ago
1.0.0-rc.14
9 months ago
1.0.0-rc.2
9 months ago
1.0.0-rc.0
9 months ago
1.0.0-rc.19
9 months ago
1.0.0-rc.18
9 months ago
0.0.2
1 year ago
0.0.1
1 year ago