Catppuccin Components

Checkbox Component

A control that allows the user to toggle between checked and unchecked states. Perfect for forms, settings, and multi-selection interfaces.

Basic Checkbox

A simple checkbox with label.

States

Different checkbox states for various scenarios.

Sizes

Different checkbox sizes for various contexts.

Colors

Beautiful color options from the Catppuccin palette.

Real-world Examples

Common checkbox patterns used in applications.

Settings Panel

Notification Preferences

Choose how you want to be notified

Receive updates via email

Receive push notifications on your device

Receive updates via text message

Task List

Today's Tasks

Check off completed tasks

Multi-select Options

Select Features

Choose which features to enable

Terms and Conditions

Account Agreement

Please read and accept our terms

By checking this box, you agree to our terms and conditions.

You consent to our data collection and usage practices.

Receive updates about new features and promotions.

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/checkbox.json