Radio

x-radio

A radio control matching the checkbox API, with label, description, and clickable-row layouts.

php artisan components:add radio

Playground

label description checked disabled clickable hideRadio

Examples

Basic group

Mutually exclusive options sharing the same name.

<div class="grid w-full max-w-md justify-center gap-4">
    <x-components.radio name="plan" label="Starter" description="For side projects." checked />
    <x-components.radio name="plan" label="Pro" description="For growing teams." />
    <x-components.radio name="plan" label="Enterprise" description="Talk to sales." />
</div>

Props

Prop	Type	Default	Description
`label`	text	`—`	Label text shown next to the radio.
`description`	text	`—`	Secondary helper text under the label.
`checked`	boolean	`false`	Whether the radio starts selected.
`disabled`	boolean	`false`	Disable the radio.
`clickable`	boolean	`false`	Make the whole row a single click target.
`hideRadio`	boolean	`false`	Hide the visual dot.

Slots

Slot	Description
`slot`	Custom content instead of the label/description props.