Toggle

<x-toggle> renders a switch-style checkbox with an optional label, hint, and distinct on/off captions. It submits as a normal checkbox, so it works in plain form posts with no JavaScript.

Usage

<x-toggle name="published" :title="__('Published')" :value="old('published', $post?->published ?? true)" />

It shares the common form-field attributes (name, title, value, hint, validation). value is the checked state.

Options

• title — label shown above the toggle.
• hint — helper text shown below the toggle.
• value — initial checked state.
• on — caption shown when on (defaults to "Enabled").
• off — caption shown when off (defaults to "Disabled").
• id — element id; auto-generated when omitted.

Any class you pass lands on the switch wrapper, so use Bootstrap layout helpers like form-check-reverse or mb-0 there.

Examples

Custom on/off captions

<x-toggle name="published" :title="__('Published')" :value="old('published', $post?->published ?? true)" :on="__('Yes')" :off="__('No')" />

Toggle with default captions

<x-toggle name="featured" :title="__('Featured')" :value="old('featured', $post?->featured)" />

Title-less "select all" control

<x-toggle class="form-check-reverse mb-0" :on="__('All')" :off="__('All')" />

Related

• Checkboxes — a group of related checkboxes.
• Components overview — shared form-field conventions.