UI Lab

    Checkbox

    Explore different variants and configurations of the Checkbox component.

    Install with:
    npx afnoui add checkbox/checkbox-basic
    Basic Checkbox
    Install with:
    npx afnoui add checkbox/checkbox-indeterminate
    Indeterminate State (Select All)
    Install with:
    npx afnoui add checkbox/checkbox-with-description
    With Description

    Receive email notifications when someone mentions you.

    Receive push notifications on your mobile device.

    Receive important updates via SMS.

    Install with:
    npx afnoui add checkbox/checkbox-card-style
    Card Style Selection
    Install with:
    npx afnoui add checkbox/checkbox-group
    Checkbox Group (Multi-select)
    Install with:
    npx afnoui add checkbox/checkbox-inline
    Inline Checkboxes
    Install with:
    npx afnoui add checkbox/checkbox-form-agreement
    Form Agreement

    I agree to the Terms of Service and Privacy Policy.

    Send me promotional emails about new features and updates (optional)

    Install with:
    npx afnoui add checkbox/checkbox-task-list
    Task List Style
    Install with:
    npx afnoui add checkbox/checkbox-colored
    Colored Variants