Balance Logo
Balance
Reckon Design System

Select Input

The select input lets users choose one option from an options menu.
Install
pnpm add @reckon-web/select-input
Import usage
import {
SelectInput
} from '@reckon-web/select-input';
  • Code
  • API

Usage

Label

Each select input must be accompanied by a Field with a label. Effective form labeling helps inform users which selection to make.

Open in Playroom

Controlled

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

Placeholder

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

Groups

Group related options together, uses the optgroup element internally.

Copyright © 2022 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo