TwigcnBundle

Radio Group

A set of checkable buttons where only one can be checked at a time.

Default

With Legend

Notify me about

States

With Descriptions

Billing cycle

Pay month-to-month

Pay once per year, save 20%

Horizontal Layout

Usage

<twig:RadioGroup name="plan" legend="Select a plan">
    <div class="flex items-center gap-4">
        <twig:Radio id="free" name="plan" value="free" :checked="true" />
        <twig:Label for="free">Free</twig:Label>
    </div>
    <div class="flex items-center gap-4">
        <twig:Radio id="pro" name="plan" value="pro" />
        <twig:Label for="pro">Pro</twig:Label>
    </div>
</twig:RadioGroup>

<twig:RadioGroup name="size" class="flex flex-row gap-6">
    ...
</twig:RadioGroup>