NOCTA UI

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-group

Import 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