V1 - WireUI Docs

Toggle

Toggles allow the user to switch states, for instance: Enable or disable a feature.

1<x-toggle wire:model.defer="model" />

Label in Left

Label in Right

1<x-toggle left-label="Label in Left" wire:model.defer="model" />
2<x-toggle label="Label in Right" wire:model.defer="model" />

1<x-toggle wire:model.defer="model" />
2<x-toggle md wire:model.defer="model" />
3<x-toggle lg wire:model.defer="model" />

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