WireUI
Toggle

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

Simple Toggle
1<x-toggle wire:model.defer="model" />
Toggle With Label
1<x-toggle left-label="Label in Left" wire:model.defer="model" />
2<x-toggle label="Label in Right" wire:model.defer="model" />
Toggle Sizes
1<x-toggle wire:model.defer="model" />
2<x-toggle md wire:model.defer="model" />
3<x-toggle lg wire:model.defer="model" />
Toggle Options

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