Checkbox Group Form

A checkbox group form with multiple options demonstrating array field validation

This checkbox group form shows the essential pattern for handling multiple checkbox selections. Perfect for selecting interests, preferences, or any multi-select options with minimum selection validation.

Checkbox Group Form preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-checkbox-group.json

npx shadcn@latest add https://www.shadcn.io/r/form-checkbox-group.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-checkbox-group.json

bunx shadcn@latest add https://www.shadcn.io/r/form-checkbox-group.json

Checkbox Terms

Terms acceptance checkbox form

Checkbox Indeterminate

Parent-child checkbox with select all

Checkbox Grid

Grid layout for multiple checkboxes

Checkbox List With Actions

Checkbox list with bulk actions

Radio Basic

Basic single-selection radio group

Radio Cards

Card-style radio selection options

FAQ

Last updated on March 26, 2026

Was this page helpful?

Checkbox Grid Layout

A grid of checkboxes arranged in multiple columns instead of a vertical list for efficient space usage

Checkbox Indeterminate Parent-Child Form

A checkbox form with parent-child relationships demonstrating indeterminate state management

Checkbox Group Form