Checkbox

Custom styled checkbox inputs

Examples

Basic checkbox with label.

Default checkbox Checked checkbox Disabled checkbox

html

Small, default, and large checkbox sizes.

Small checkbox Default checkbox Large checkbox

html

Semantic color options for checkboxes.

Primary (default) Success Warning Destructive

html

Checkbox with supporting text.

Marketing emails

Receive emails about new products, features, and more.

Security alerts

Get notified about important security updates.

html

Card-style checkbox selection.

Pro Plan

Best for growing teams

Enterprise Plan

For large organizations

html

Import the checkbox component:

Cleopatra - Modern Admin Dashboard

javascript

import { initCheckbox } from '../components/ui/checkbox';
        initCheckbox();

.checkbox

.checkbox-wrapper

.checkbox-label

.checkbox-description

.checkbox-sm

.checkbox-lg

.checkbox-success

.checkbox-group

.checkbox-card