Radio

Radio component documentation.

Usage

Keep changes

Throw away changes

Cancel

import { RadioGroup, RadioGroupItem, Label } from "@aqqo/aqqo-ui";

<RadioGroup>
    <div className="flex items-center space-x-2">
        <RadioGroupItem value="1" id="1" />
        <Label htmlFor="1">Keep changes</Label>
    </div>
    <div className="flex items-center space-x-2">
        <RadioGroupItem value="2" id="2" />
        <Label htmlFor="2">Throw away changes</Label>
    </div>
    <div className="flex items-center space-x-2">
        <RadioGroupItem value="3" id="3" />
        <Label htmlFor="3">Cancel</Label>
    </div>
</RadioGroup>

Props

RadioGroup – Wrapper around Radix Radio Group Root. Custom props: className. Inherits Radix RadioGroup props.

RadioGroupItem – Wrapper around Radix Radio Group Item. Custom props: className. Inherits Radix RadioGroup.Item props (value, id, disabled, required, etc.).