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 RequiredDemo() {
const [value3, setValue3] = useState<string>();
return (
<form className="flex flex-col gap-6 items-start">
<RadioGroup
label="Required Radio Example"
onChange={setValue3}
required
value={value3}
>
<div className="flex flex-col gap-4">
<RadioGroup.Item value="one">Option 1</RadioGroup.Item>
<RadioGroup.Item value="two">Option 2</RadioGroup.Item>
</div>
</RadioGroup>
<button type="submit">Submit</button>
</form>
);
}