Imagine ArtImagine Art

Radio Group

View in Figma

A set of mutually exclusive options where only one can be selected at a time.

Forms

Import

import { RadioGroup, RadioGroupItem } from "@/components/ui"

API

PropTypeDefaultDescription
valuestringCurrently selected value.
onValueChange(value: string) => voidCallback when selection changes.
orientation"horizontal" | "vertical""vertical"Layout direction of the options.
size"sm" | "md" | "lg""md"Radio button dimensions.

Examples