0.7.0 • Published 20 days ago

@blaze-react/select v0.7.0

Weekly downloads
976
License
ISC
Repository
-
Last release
20 days ago

Description

The select component represents an input that provides a menu of options.

Usage

  • Array of options
const options = ["London", "Paris", "Munich"];

<Select
  label="Select a city"
  options={options}
  onChange={({ event, value }) => {}}
  required
/>;
  • Multidimensional Array of options
const options = [
  ["08001", "Barcelona"],
  ["17006", "Madrid"],
];

<Select
  label="Select label"
  selected="08001"
  options={options}
  onChange={({ event, value }) => {}}
/>;
  • Array of objects
const arrayOfObjects = [
  {
    id: 1,
    username: "Oscar",
    age: 26,
  },
  {
    id: 2,
    username: "Ismael",
    age: 23,
  },
];

<Select
  label="Select user"
  selected="1"
  options={options}
  keys={["id", "username"]}
  onChange={({ event, value }) => {}}
/>;
  • Disabling some options
const disabled = ["17006"]


<Select label="Disabled option" onChange={({ event, value }) => {}} options={options} disabled={disabled} />
  • By default is disabled if none options
<Select label="Disabled" onChange={({ event, value }) => {}} options={[]} />

API

Select can receive a number of props as follow:
NAMETYPEDEFAULT
labelString''
requiredBooleanfalse
optionsArray[]
selectedString''
keysArray[]
onChangeFunction() => {}
disabledArray[]
defaultTextValueStringPlease Choose...
0.8.0-alpha.33

21 days ago

0.8.0-alpha.35

20 days ago

0.8.0-alpha.31

21 days ago

0.8.0-alpha.26

2 months ago

0.8.0-alpha.24

2 months ago

0.8.0-alpha.23

2 months ago

0.8.0-alpha.21

3 months ago

0.8.0-alpha.14

3 months ago

0.8.0-alpha.16

3 months ago

0.8.0-alpha.11

3 months ago

0.8.0-alpha.10

3 months ago

0.8.0-alpha.13

3 months ago

0.8.0-alpha.19

3 months ago

0.8.0-alpha.18

3 months ago

0.8.0-alpha.20

3 months ago

0.8.0-alpha.9

3 months ago

0.8.0-alpha.7

3 months ago

0.8.0-alpha.6

3 months ago

0.8.0-alpha.4

3 months ago

0.8.0-alpha.3

3 months ago

0.7.0

6 months ago

0.6.4

9 months ago

0.6.2

10 months ago

0.6.0

10 months ago

0.5.28

10 months ago

0.5.19

1 year ago

0.5.17

1 year ago

0.5.15

1 year ago

0.5.13

1 year ago

0.5.12

1 year ago

0.5.9

1 year ago

0.5.8

1 year ago

0.5.0

1 year ago

0.4.57

1 year ago

0.4.55

1 year ago

0.4.54

1 year ago

0.4.52

1 year ago

0.4.48

2 years ago

0.4.47

2 years ago

0.4.46

2 years ago

0.4.42

2 years ago

0.4.38

2 years ago

0.4.37

2 years ago

0.4.37-alpha.0

2 years ago

0.4.36

2 years ago

0.4.33

2 years ago

0.4.34

2 years ago

0.4.29

2 years ago

0.4.27

2 years ago

0.4.26

2 years ago

0.4.25

2 years ago

0.4.24

2 years ago

0.4.22

2 years ago

0.4.21

2 years ago

0.4.20

2 years ago

0.4.16

2 years ago

0.4.15

2 years ago

0.4.14

2 years ago

0.4.13

2 years ago

0.4.8

2 years ago

0.4.7

2 years ago

0.4.6

2 years ago

0.4.3

2 years ago

0.4.0

2 years ago

0.3.58

2 years ago

0.3.53

2 years ago

0.3.52

2 years ago

0.3.51

2 years ago

0.3.50

2 years ago

0.3.49

2 years ago

0.3.47

2 years ago

0.3.46

2 years ago

0.3.45

2 years ago

0.3.44

2 years ago

0.3.43

2 years ago

0.3.42

2 years ago

0.3.41

2 years ago

0.3.39

2 years ago

0.3.38

2 years ago

0.3.31

2 years ago

0.3.30

2 years ago

0.3.29

2 years ago

0.3.28

2 years ago

0.3.11

2 years ago

0.3.10

2 years ago

0.3.9

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.0

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.5

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago