Radio Group
A set of mutually exclusive radio buttons for single-option selection.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <RadioGroup />
When to Use
- Single selection from a small set of visible options (typically 2-5 choices)
- Settings and preferences where users need to see all options at once
- Plan or tier selection cards in pricing pages
- Notification or display preference toggles within forms
Selected: default
Selected plan: pro
Selected: starter
3-5 business days, free.
1-2 business days, $9.99.
Currently unavailable.
Choose how you want to be notified.
API Reference
RadioGroup
Density falls back to an ancestor DensityScope, then Comfortable. See the Density guide.
RadioGroupItem
RadioGroupCard
Related Components
- Select — Dropdown selection when the option list is long or space is limited
- Checkbox — Multi-select when users can choose more than one option
- ToggleGroup — Compact button-style single selection for toolbar-like UIs