Components
Loading preview...
Provides single user input from a selection of options.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/radioimport { RadioGroup } from "@/components/ui/radio";
import React, { useState } from "react";
export default function DisabledDemo() {
const [value2, setValue2] = useState<string>("one");
return (
<RadioGroup
disabled
label="Disabled Radio Example"
onChange={setValue2}
value={value2}
>
<div className="flex flex-col gap-6">
<RadioGroup.Item value="one">Option 1</RadioGroup.Item>
<RadioGroup.Item value="two">Option 2</RadioGroup.Item>
</div>
</RadioGroup>
);
}