Saaj UI

Radio Group

Displays a group of radio buttons.

Installation

npx saaj add radio-group

Usage

import { RadioGroup } from '@/components/ui/radio-group';
import { Text } from '@/components/ui/text';
 
const languages = ['JavaScript', 'Rust', 'Python'];
 
export function RadioGroupDemo() {
  return (
    <RadioGroup defaultValue="JavaScript">
      {languages.map(language => (
        <RadioGroup.Item key={language} value={language}>
          <RadioGroup.ItemIndicator />
          <Text>{language}</Text>
        </RadioGroup.Item>
      ))}
    </RadioGroup>
  );
}

On this page