Checkbox

In stock only

<flux:checkbox label="In stock only" />

With a description

Order status

An SMS at every shipping step

<flux:checkbox label="Order status" description="An SMS at every shipping step" checked />

Group

flux:checkbox.group adds the shared label and spacing.

Notifications

Order status

Discounts and offers

Weekly newsletter

<flux:checkbox.group label="Notifications">
    <flux:checkbox label="Order status" checked />
    <flux:checkbox label="Discounts and offers" />
    <flux:checkbox label="Weekly newsletter" />
</flux:checkbox.group>

Check all

flux:checkbox.all toggles every checkbox in the group and shows an indeterminate state when only some are checked.

Select all

Galaxy S25

AirSound Pro

Fit Band 8

<flux:checkbox.group>
    <flux:checkbox.all label="Select all" />

    <flux:separator variant="subtle" class="my-2" />

    <flux:checkbox label="Galaxy S25" checked />
    <flux:checkbox label="AirSound Pro" />
    <flux:checkbox label="Fit Band 8" />
</flux:checkbox.group>

Variants

Cards, buttons and pills turn the group into a selectable set instead of a list.

Cards

Courier

Same-day delivery

Priority post

2 to 4 business days

Pills

Phones

Laptops

Cameras

<div class="space-y-6">
    <flux:checkbox.group label="Cards" variant="cards">
        <flux:checkbox label="Courier" description="Same-day delivery" checked />
        <flux:checkbox label="Priority post" description="2 to 4 business days" />
    </flux:checkbox.group>

    <flux:checkbox.group label="Pills" variant="pills">
        <flux:checkbox label="Phones" checked />
        <flux:checkbox label="Laptops" />
        <flux:checkbox label="Cameras" />
    </flux:checkbox.group>
</div>

Disabled

Gift wrapping

Unavailable for this seller

<flux:checkbox label="Gift wrapping" description="Unavailable for this seller" disabled />

Reference

flux:checkbox

Prop	Description
label	Label beside the box.
description	Smaller text under the label.
variant	Options: `default`, `cards`, `buttons`, `pills`.
checked	Checked state for a plain form.
disabled	Disables the input.
value	Submitted value.
wire:model	Binds to a Livewire property.

flux:checkbox.group

Prop	Description
label	Group label.
description	Group description.
variant	Applied to every checkbox in the group.

flux:checkbox.all

Toggles every checkbox in the group; renders indeterminate when the selection is partial.