@blaze-react/select

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, selected}) => {}}
    required
    />

• Multidimensional Array of options

const options = [['08001', 'Barcelona'], ['17006', 'Madrid']];

<Select
    label="Select label"
    selected="08001"
    options={options}
    onChange={({event, selected}) => {}}
    />

• 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, selected}) => {}}
    />

• By default is disabled if none options

<Select
    label="Disabled"
    onChange={({event, selected}) => {}}
    options={[]}
    />

API

Select can receive a number of props as follow:

NAME	TYPE	DEFAULT
label	String	''
required	Boolean	false
options	Array	[]
selected	String	''
keys	Array	[]
onChange	Function	() => {}