Radio Group
A lightweight and accessible radio group component for selecting a single option, supporting labels, descriptions, and full keyboard navigation
Installation
Install the Radio Group component using the nocta-ui CLI:
npx @nocta-ui/cli add radio-groupImport the component:
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';Examples
Default Radio Group
Radio Group with Descriptions
Horizontal Layout
API Reference
RadioGroup
Prop
Type
RadioGroupItem
Prop
Type