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