mediahub-fe/app/[locale]/(protected)/forms/input-group/checkbox-radio-group.tsx

40 lines
954 B
TypeScript

"use client";
import { Input } from "@/components/ui/input";
import { InputGroup, InputGroupText } from "@/components/ui/input-group";
import { Checkbox } from "@/components/ui/checkbox";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
const CheckboxRadioGroup = () => {
return (
<>
<InputGroup>
<InputGroupText>
<Checkbox color="secondary" />
</InputGroupText>
<Input
type="text"
placeholder="Small Radius"
className="h-8"
/>
</InputGroup>
<InputGroup>
<InputGroupText>
<RadioGroup defaultValue="right">
<RadioGroupItem color="secondary" value="right" id="r_1" />
</RadioGroup>
</InputGroupText>
<Input
type="text"
placeholder="Small Radius"
className="h-8"
/>
</InputGroup>
</>
);
};
export default CheckboxRadioGroup;