Ember UI LogoEmber UI
Components

Radio Group

A radio-group component

Preview

Loading...
import { Label } from "@/registry/axon/ui/label";import { RadioGroup, RadioGroupItem } from "@/registry/axon/ui/radio-group";export default function RadioGroupDemo() {  return (    <RadioGroup defaultValue="comfortable">      <div className="flex items-center gap-3">        <RadioGroupItem id="r1" value="default" />        <Label htmlFor="r1">Default</Label>      </div>      <div className="flex items-center gap-3">        <RadioGroupItem id="r2" value="comfortable" />        <Label htmlFor="r2">Comfortable</Label>      </div>      <div className="flex items-center gap-3">        <RadioGroupItem id="r3" value="compact" />        <Label htmlFor="r3">Compact</Label>      </div>    </RadioGroup>  );}

Installation

CLI

npx shadcn@latest add @emberui/radio-group
yarn shadcn@latest add @emberui/radio-group
pnpm dlx shadcn@latest add @emberui/radio-group
bunx --bun shadcn@latest add @emberui/radio-group

Reference

This component is based on the shadcn/ui Radio Group component.

On this page