BalanceReckon Design System
Forms

Radio Button Group

Use a radio button group only when the options are predefined and there are at least 2 and at most 3 options.

import { RadioButtonGroup } from '@balance-web/radio-button-group';
Loading demo…

Usage

The RadioButtonGroup component behaves similar to an input component since it is a radio group under the hood. It fills the container and must be wrapped in a Field component for it to recieve form validation errors.

Bad ❌

Loading demo…

Good ✅

Loading demo…

Recipes

Toggle between required form sections and field validation based on user selection.

Loading demo…

Yes/no/maybe(as text) option

Loading demo…

On this page