Checkbox — Sigta UI

Basic

Paper grain overlay High-contrast ink

Source

<div class="flex flex-col gap-3">
        <sigta:checkbox label="Paper grain overlay" checked />
        <sigta:checkbox label="High-contrast ink" />
    </div>

Disabled

Locked on (checked) Locked off

Source

<div class="flex flex-col gap-3">
        <sigta:checkbox label="Locked on (checked)" checked disabled />
        <sigta:checkbox label="Locked off" disabled />
    </div>

Bare (own label elsewhere)

Wired via for/id

Source

<div class="flex items-center gap-3">
        <sigta:checkbox id="kit-checkbox-bare" checked />
        <sigta:label for="kit-checkbox-bare">Wired via for/id</sigta:label>
    </div>

Group in a field

Overlays

Paper grain Dot grid Margin notes

Applied to every exported frame.

Source

<div class="max-w-sm">
        <sigta:field label="Overlays" description="Applied to every exported frame.">
            <div class="flex flex-col gap-2">
                <sigta:checkbox label="Paper grain" checked />
                <sigta:checkbox label="Dot grid" checked />
                <sigta:checkbox label="Margin notes" />
            </div>
        </sigta:field>
    </div>