A component that defines a drop-down list of elements that could be selected.
### Default
```jsx live=true
() => {
const [value, setValue] = React.useState("");
return (
setValue(e.target.value)}>
);
};
```
### 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.
```jsx live=true
() => {
const [value, setValue] = React.useState("");
return (
setValue(e.target.value)} loading>
);
};
```
### OptGroups
```jsx live=true
() => {
const [value, setValue] = React.useState("");
return (
setValue(e.target.value)}>
);
};
```
### Invalid State
```jsx live=true
() => {
const [value, setValue] = React.useState("");
return (
setValue(e.target.value)}>
);
};
```