Atelier UI

Search components…

Search components…

Radio Card Group

Selectable radio cards built on native radios with arrow-key support, great for plan pickers.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

RadioCardGroupProps

Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

PropTypeDefaultDescription
options* requiredRadioCardOption[]——
valuestring——
defaultValuestring——
onValueChange(value: string) => void——
columns1 | 2 | 31—

Install

$ npx shadcn@latest add https://chromotion.dev/r/radio-card-group.json

More like this