A form element that allows users to select one or more options from a list.
Simple checkbox with a label.
<x-ui::checkbox label="Accept terms and conditions" />
Different color options for different semantic meanings.
<x-ui::checkbox variant="default" label="Default" checked />
<x-ui::checkbox variant="success" label="Success" checked />
<x-ui::checkbox variant="warning" label="Warning" checked />
<x-ui::checkbox variant="danger" label="Danger" checked />
Add a description to provide more information about the option.
<x-ui::checkbox
label="Email Notifications"
description="Receive an email when someone replies to your post."
checked
/>
Prevent user interaction with the checkbox.
<x-ui::checkbox label="Disabled unchecked" disabled />
<x-ui::checkbox label="Disabled checked" checked disabled />