5.1.1 • Published 3 months ago

@spark-web/multi-select v5.1.1

Weekly downloads
-
License
-
Repository
github
Last release
3 months ago

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