Select

.select is for html select.

Applicable Elements

• select

Basic Usage

States

<select class="select error">
  <option value="akami">Akami</option>
  <option value="salmon">Salmon</option>
</select>

<select class="select" disabled>
  <option value="akami">Akami</option>
  <option value="salmon">Salmon</option>
</select>

React component

React component <Select/> is available.
It inherits the error property from a Fieldset component and automatically applies the error style.

※ The disabled state is automatically inherited through the native HTML feature.

Q&A

How Can I customize option style?

Customizing option style is not supported by CSS.
It is recommended to use native option pickers for accessibility.

How to customize the bold line that appears when focused?

You can set outline property in CSS.
Though it is recommended to leave it as default for accessibility.