popcn/ui logopopcn/ui
DocsComponentsBlocks

Getting Started

  • Introduction
  • Installation
  • Theming
  • Colors
  • Motion
  • CLI

Components

  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Code Block
  • Collapsible
  • Color Picker
  • Combobox
  • Command
  • Context Menu
  • Copy Button
  • Data Table
  • Date Picker
  • Drawer
  • Dialog
  • Dropdown
  • Empty
  • Field
  • Form
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • File Upload
  • Kbd
  • Label
  • Loading Button
  • Menubar
  • Multi Select
  • Native Select
  • Navigation Menu
  • Notification Badge
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Rating
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Split Button
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Spinner
  • Stepper
  • Switch
  • Table
  • Tag
  • Tabs
  • Textarea
  • Tree View
  • Timeline
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip
  • Typography

Radio Group

Radio group component for single selection.

Installation

npx popcn add radio-group

Basic Usage

Default

Controlled

Controlled Radio Group

Props

PropTypeDefaultDescription
valuestring-Controlled value
onValueChange(value: string) => void-Callback when value changes
defaultValuestring-Default value