saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Radio Group

Radio Group

A set of checkable buttons where no more than one can be checked at a time.

Loading...

Installation

pnpm dlx shadcn@latest add @saturation/radio-group

Usage

import {
  RadioGroup,
  RadioGroupItem,
} from "@/components/ui/radio-group"
<RadioGroup defaultValue="option-one">
  <RadioGroupItem value="option-one" id="option-one" />
  <RadioGroupItem value="option-two" id="option-two" />
</RadioGroup>

API Reference

PropTypeDefaultDescription
valuestring—The controlled value.
defaultValuestring—The default value.
onValueChange(value: string) => void—Event handler for value changes.

On This Page

  • Installation
  • Usage
  • API Reference