Components
checkbox

Checkbox

A checkbox is an input control that allows a user to select one or more options from a number of choices.

Default checkbox

Default checkbox Checked

<div class="flex flex-col gap-3">
    <div class="flex gap-x-3 text-sm items-start">
        <input type="checkbox" name="def_check" id="def_check" class="ui-checkbox-radio-base ui-form-checkbox size-4 mt0.5 peer text-primary500 rd">
        <label for="def_check" class="text-fg peer-disabled:op80 peer-disabled:pointer-events-none">Default checkbox</label>
    </div>
    <div class="flex gap-x-3 text-sm items-start">
        <input type="checkbox" checked name="def_check_checked" id="def_check_checked" class="ui-checkbox-radio-base ui-form-checkbox size-4 mt0.5 peer text-primary500 rd">
        <label for="def_check_checked" class="text-fg peer-disabled:op80 peer-disabled:pointer-events-none">Default checkbox Checked</label>
    </div>
</div>

Edit this page

Chip

Label or icon for information.

Community