Skip to content
Core ElementsFree

Radio Group

A set of mutually exclusive options.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { RadioGroup, RadioGroupItem } from "@wunderui/react"

Examples

Radio rows

Pick exactly one — payment method, person, icon button or icon.

In context

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

Export dialog

Pick an export format from radio rows and add options with checkboxes.

Export invoices
3 invoices selected