Radio buttons are used in forms to present the user with a list of options, allowing only a single selection. Radio buttons can also be used to switch options, like turning something on/off.

Simple Radio
1<x-radio id="radio" wire:model.defer="model" />
Radio With Label
1<x-radio id="left-label" left-label="Label in Left" wire:model.defer="model" />
2<x-radio id="right-label" label="Label in Right" wire:model.defer="model" />
Radio Sizes
1<x-radio id="sm" wire:model.defer="model" />
2<x-radio id="md" md wire:model.defer="model" />
3<x-radio id="lg" lg wire:model.defer="model" />
Radio Options


Prop Required Default Type
id false none string
name false none string
label false none string
left-label false none string
md false false bool
lg false false bool