Component <Select />

Props

Props	Type	Meaning	Possible values
size	string	Change select size	sm / md
shape	string	Change borders shape	rounded / squared
minWidth	number	Change options modal min width	from 0 to any number
selectedValue	string / number / boolean	Set select selected option	any of type
handleOnChange	function	Cheange select option	(value: string) => void

---

States

Examples:

<Select>
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

<Select>
  <Option value="the-beatles" disabled>The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones" disabled>The Rolling Stones</Option>
</Select>

<Select disabled>
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

The Beatles

Led Zeppelin

The Beatles

---

Sizes

Examples:

<Select size="sm">
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

<Select size="md">
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

The Beatles

The Beatles

---

Shapes

Examples:

<Select shape="rounded">
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

<Select shape="squared">
  <Option value="the-beatles">The Beatles</Option>
  <Option value="led-zeppelin">Led Zeppelin</Option>
  <Option value="the-rolling-stones">The Rolling Stones</Option>
</Select>

The Beatles

The Beatles