Skip to content
FormsFree

Radio Button Group

A single-select group of toggle-styled buttons.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { RadioButtonGroup } from "@wunderui/react"

Examples

Alignment

Exactly one is on — left is selected.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Billing period

Monthly or yearly billing on a plan card; the price and the savings note follow the choice.

Team plan
Everything in Pro, for up to 25 people.

$16 per seat / month

Billed $192 per seat once a year. You save 20%.