BalanceReckon Design System
Forms

Toggle

Toggle is similar to a two-option radio group in function but is used for quickly switching between binary actions.

import { Toggle } from '@balance-web/toggle';
Loading demo…

Usage

Loading demo…

Controlled

The toggle is a controlled component, you must provide a checked state and onChange handler.

Loading demo…

A11y text

You may change the accessibility text, provided to screen readers, based on the context of the toggle. The default text is on/off.

Loading demo…

On this page