Command Palette

Search for a command to run...

HQ UI

Home Components

Getting Started

Client Side Routing Installation Introduction

Framework Guides

Nextjs Vite

Dark Modes

Astro Inertia.js Next.js Remix Vite

Components

Buttons

Button File Trigger Toggle Toggle Group

Charts

Chart

Collections

Accordion Collapsible Dropdown Menu Grid List Item List Box Table Tag Group Tree

Colors

Color

Controls

Command Kbd Slider Switch Toolbar

Date And Time

Calendar Date Field Date Picker Date Range Picker Range Calendar Time Field

Drag And Drop

Drop Zone

Forms

Checkbox Combo Box Field Input Input O T P Number Field Radio Search Field Select Text Field

Layouts

Container Navbar Sidebar

Media

Avatar Carousel

Navigation

Breadcrumbs Link Pagination Tabs

Overlays

Dialog Drawer Popover Sheet Tooltip

Statuses

Alert Badge Empty Meter Progress Skeleton Sonner

Surfaces

Card Separator

HQ UI

Getting Started

Client Side Routing Installation Introduction

Framework Guides

Nextjs Vite

Dark Modes

Astro Inertia.js Next.js Remix Vite

Components

Buttons

Button File Trigger Toggle Toggle Group

Charts

Chart

Collections

Accordion Collapsible Dropdown Menu Grid List Item List Box Table Tag Group Tree

Colors

Color

Controls

Command Kbd Slider Switch Toolbar

Date And Time

Calendar Date Field Date Picker Date Range Picker Range Calendar Time Field

Drag And Drop

Drop Zone

Forms

Checkbox Combo Box Field Input Input O T P Number Field Radio Search Field Select Text Field

Layouts

Container Navbar Sidebar

Media

Avatar Carousel

Navigation

Breadcrumbs Link Pagination Tabs

Overlays

Dialog Drawer Popover Sheet Tooltip

Statuses

Alert Badge Empty Meter Progress Skeleton Sonner

Surfaces

Card Separator

Checkbox

A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.

Checkbox CheckboxGroup

Installation

CLI

Manual

npx shadcn@latest add https://hq-ui.vercel.app/r/checkbox

Blocks

checkbox-01

Accept terms and conditions

checkbox-02

Indeterminate checkbox

checkbox-03

Accept terms and conditions

checkbox-04

Simple todo list

checkbox-05

checkbox-06

Burger

Pizza

Drinks

checkbox-07

Accept terms and conditions

By clicking this checkbox, you agree to the terms and conditions.

checkbox-08

Technologies

React

Next.js

Remix

checkbox-09

Favorite Fruits

Apple

Cherry

Avocado

checkbox-10

checkbox-11

checkbox-12

Accept terms and conditions

checkbox-13

Auto Start

Starting with your OS.

Auto update

Download and install new version

checkbox-14

Web Development
Data Analysis
Graphic Design

checkbox-15

Accept terms and conditions

By clicking this checkbox, you agree to the terms and conditions.

Checkbox

Installation

Blocks

On this page

On this page