A
Auralix UI

Radio

iOS-style radio group with dot fill animation.

Preview

Installation

bash
npx auralix-ui add radio

Usage

Basic Radio Group

tsx
import { RadioGroup } from "@/components/ui/Radio";

<RadioGroup 
  options={[
    { value: "1", label: "Option 1" },
    { value: "2", label: "Option 2" },
  ]}
  value={selected}
  onChange={setSelected}
/>

Props

NameTypeDefaultDescription
optionsRadioOption[][]Array of options {value, label, description?}.
valuestring-Currently selected value.
onChange(value: string) => void-Callback when selection changes.
orientation"vertical" | "horizontal""vertical"Layout direction.
size"sm" | "md" | "lg""md"Size of the radio buttons.
CheckboxSearchField