BalanceReckon Design System
Forms

Select Input

A select input for choosing a single value from a small list of options.

import { SelectInput } from '@balance-web/select-input';
Loading demo…

Usage

Label

Loading demo…

Controlled

The SelectInput is a controlled component, which means you must provide value and onChange properties to "make it work".

Loading demo…

Placeholder

You must provide placeholder text when the input does not have an initial value.

Loading demo…

Disabled

You can disable individual options, or the entire select.

Loading demo…

Groups

Group related options together, uses the optgroup element internally.

Loading demo…

On this page