SelectInput

A component that defines a drop-down list of elements that could be selected.

Default

Loading

Rendering the select input in a loading state can be useful way to give feedback to the user that the component is loading new options.

OptGroups

Invalid State

Labelled with helper and error text

Label, helper and error text to give provide more context and useful hints.

Props - SelectInput

Name	Description	Type	Default Value
allowEmpty		boolean ｜ undefined	false
description	Renders a neutral helper message underneath the input.	string ｜ undefined	``
disabled		boolean ｜ undefined	n/a
errorMessage	Renders a red error message for validation underneath the input.	string ｜ undefined	``
id		string ｜ undefined	n/a
isValid		boolean ｜ undefined	true
label	Renders a label inside the input.	string	n/a
loading		boolean ｜ undefined	false
name		string ｜ undefined	n/a
onChange		ChangeEventHandler<HTMLSelectElement>	n/a
value		string ｜ (string & readonly string[]) ｜ undefined	``