Vehicle TypeSelect the type of vehicle you're interested in
"use client"
import { Description, Label } from "@/components/ui/preskok-ui/field"
import { Radio, RadioGroup } from "@/components/ui/preskok-ui/radio"
export function RadioGroupDemo() {
return (
<RadioGroup name="vehicleType">
<Label>Vehicle Type</Label>
<Description>
Select the type of vehicle you're interested in
</Description>
<Radio value="sedan">
<Label>Sedan</Label>
<Description>Comfortable 4-door vehicle with trunk storage</Description>
</Radio>
<Radio value="suv">
<Label>SUV</Label>
<Description>Spacious vehicle with higher ground clearance</Description>
</Radio>
<Radio value="electric">
<Label>Electric</Label>
<Description>
Zero-emission vehicle with lower operating costs
</Description>
</Radio>
</RadioGroup>
)
}
Installation
CLI
Manual
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add radio
Usage
import { Radio, RadioGroup } from "@/registry/preskok/ui/preskok-ui/radio"
export function RadioDemo() {
return (
<RadioGroup label="Plan" defaultValue="basic">
<Radio value="basic">Basic</Radio>
<Radio value="pro">Pro</Radio>
</RadioGroup>
)
}