Components
Loading preview...
A customizable radio group component with smooth animations and flexible layouts
npx shadcn@latest add https://21st.dev/r/preetsuthar17/radioimport { RadioGroup, RadioItem } from "@/components/ui/radio";
export default function DemoOne() {
return(
<>
<div className="max-w-sm w-full mx-auto flex items-center justify-center">
<RadioGroup
defaultValue="comfortable"
label="Select your comfort level"
description="Choose the option that best fits your needs"
>
<RadioItem
value="comfortable"
label="Comfortable"
description="A relaxed and easy-going approach"
/>
<RadioItem
value="compact"
label="Compact"
description="Minimal space with essential features"
/>
<RadioItem
value="spacious"
label="Spacious"
description="Plenty of room with all amenities"
/>
</RadioGroup>
</div>
</>
);
}