React Checkbox Pro

Basic Usage

Default

Controlled Checkbox

Basic Checkbox

Current state: Unchecked

Helper Text and Error Checkbox

Required Checkbox

This field is required

Checkbox with Error

Please accept the terms

Color Variants

Size Variants

Extra Small

Small

Medium

Large

Radius Variants

Custom Icons

Checkbox with custom icons

Indeterminate Example

Select All Tasks

Select or deselect all items

Learn React

Build a project

Write documentation

Disabled State

Disabled Unchecked

Disabled Checked

Disabled with Helper Text

This checkbox cannot be modified

Accessibility Features

Subscribe to Newsletter

Keyboard Shortcuts

Toggle with Ctrl+1ctrl+1

Toggle with Alt+Spacealt+space

Checkbox Groups

Favorite Fruits (Vertical)

Apple

Banana

Orange

Notification Preferences (Horizontal)

Email

SMS

Push

Label Placements

Left Label

Left Label 2

Right Label

Right Label 2