Radio Group
A set of checkable buttons — known as radio buttons — where no more than one of the buttons can be checked at a time.
Installation
Import from the package. Do not run shadcn add in your app.
import { RadioGroup, RadioGroupItem } from "@carsxe/design-system/components/radio-group"Usage
import { RadioGroup, RadioGroupItem } from "@carsxe/design-system/components/radio-group"
import { Label } from "@carsxe/design-system/components/label"
<RadioGroup defaultValue="pro">
<div className="flex items-center gap-2">
<RadioGroupItem value="pro" id="pro" />
<Label htmlFor="pro">Pro</Label>
</div>
</RadioGroup>Disabled
API Reference
| Prop | Type | Default |
|---|---|---|
| defaultValue | string | — |
| disabled | boolean | — |