MoonUI

Checkbox

Free

Enhanced checkbox component with smooth animations, multiple variants, indeterminate states, and advanced grouping capabilities. Perfect for forms, selections, and interactive lists.

Installation

Install via CLI

moonui add checkbox

Usage

Examples

Basic Usage

Simple checkbox with label.

Variants

Different visual styles for checkboxes.

Sizes

Different sizes for various use cases.

States

Different checkbox states including indeterminate.

Custom Icons

Checkboxes with custom check icons.

Border Radius

Different border radius options.

Animations

Different animation styles for check/uncheck transitions.

With Label

Using CheckboxWithLabel component for easier label integration.

Checkbox Groups

Organizing checkboxes in vertical and horizontal groups.

Frontend Framework

Languages

Interactive Example

Complete interactive example with select all functionality.