Radio

Select one option from a set of mutually exclusive choices. Perfect for single-choice questions and settings.

Select your payment method

Credit Card

Paypal

Bank transfer

<x-radio.group label="Select your payment method">
    <x-radio wire:model="payment" value="cc" label="Credit Card" />
    <x-radio wire:model="payment" value="paypal" label="Paypal" />
    <x-radio wire:model="payment" value="ach" label="Bank transfer" />
</x-radio.group>

With description

Align descriptions for each checkbox directly below its label.

Role

Administrator

Administrator users can perform any action.

Editor

Editor users have the ability to read, create, and update.

Viewer

Viewer users only have the ability to read. Create, and update are restricted.

<x-radio.group label="Role">
    <x-radio name="role" value="administrator" label="Administrator"
        description="Administrator users can perform any action." checked />
    <x-radio name="role" value="editor" label="Editor"
        description="Editor users have the ability to read, create, and update." />
    <x-radio name="role" value="viewer" label="Viewer"
        description="Viewer users only have the ability to read. Create, and update are restricted." />
</x-radio.group>

Fieldset

Group radio inputs inside a fieldset and provide more context with descriptions for each radio option.