40 lines
954 B
TypeScript
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;
|