Checkboxes

The Checkbox component in Electrik Slate UI is a versatile form control that allows users to select or deselect options. It supports various features like error messages, labels, help text, and disabled states.

The following example demonstrates a simple checkbox with a label:

<x-slate::checkbox name="subscribe" label="Subscribe to newsletter" />

This example shows a checkbox with an error message, which is automatically displayed when there's a validation error:

<x-slate::checkbox name="terms" label="Accept Terms and Conditions" error="You must accept the terms and conditions." />

You can provide additional context to the user by including help text:

<x-slate::checkbox name="updates" label="Receive updates" helpText="We'll send you the latest updates and promotions." />

This example shows a checkbox that is disabled and cannot be interacted with:

<x-slate::checkbox name="subscribe" label="Subscribe to newsletter" disabled />

This example demonstrates how the checkbox adapts to dark mode automatically:

<x-slate::checkbox name="darkMode" label="Enable dark mode" checked />

The Checkbox component is designed to be flexible and easy to customize. You can control its appearance and behavior to fit the needs of your application, whether it's for a simple form or a more complex UI.

The Checkbox component integrates seamlessly with Laravel's validation system. If there is a validation error for the checkbox, the error message will be displayed automatically, allowing you to ensure that users provide the correct input.