Radio

<x-aura::flex direction="col" align="start" gap="2.5">
    <x-aura::radio wire:model="plan" value="free" label="Free Tier" />
    <x-aura::radio wire:model="plan" value="pro" label="Pro Tier" />
    <x-aura::radio wire:model="plan" value="enterprise" label="Enterprise Tier" />
</x-aura::flex>

<x-aura::radio
    wire:model="plan"
    value="free"
    label="Starter Developer"
    description="Single user sandbox with 5k API requests monthly."
/>

<x-aura::radio
    wire:model="plan"
    value="pro"
    label="Professional Team"
    description="Up to 10 team seats with unlimited requests and SLA."
/>

<x-aura::radio size="xs" label="Extra Small (xs)" :checked="true" />
<x-aura::radio size="sm" label="Small (sm)" :checked="true" />
<x-aura::radio size="md" label="Medium (md)" :checked="true" />
<x-aura::radio size="lg" label="Large (lg)" :checked="true" />

<x-aura::card size="2xl" padding="xl" gap="6">
    <x-aura::heading level="3" size="md">
        Choose Billing Schedule
    </x-aura::heading>

    <x-aura::flex direction="col" gap="4">
        <x-aura::radio
            wire:model="billing"
            value="monthly"
            label="Monthly Billing"
            description="Billed on the 1st of each month."
        />

        <x-aura::separator />

        <x-aura::radio
            wire:model="billing"
            value="annual"
            label="Annual Billing (Save 20%)"
            description="Billed upfront once per year."
        />
    </x-aura::flex>
</x-aura::card>