Components

Checkbox Group

Group multiple checkboxes with shared state management and layout options

Preview

Selected: react

Installation

Usage

Examples

Horizontal Layout

Arrange checkboxes horizontally.

Select sizes

Selected sizes: SMALL

With Descriptions

Add descriptive text to each option.

Get notified about important security updates and suspicious activities.

Stay informed about new features, improvements, and bug fixes.

Weekly digest with tips, tutorials, and community highlights.

Invitations to online events, workshops, and educational webinars.

Card Style

Display checkboxes as selectable cards.

Select subscription plans

Total: $9/month

Controlled

Manage group state externally.

Notification Preferences

2 of 4 selected

Disabled Options

Disable specific options within the group.

Parent Checkbox

Control all checkboxes with a parent checkbox.

Nested Groups

Create hierarchical checkbox structures.

Form Example

Integrate checkbox group with form validation.

Choose all the programming skills that apply to you.