---
title: Checkbox
airtableId: recXGPNAfDJVm8NHo 
---
import { Checkbox } from "@calcom/ui/components/form"
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample } from "./checkbox.basic"
import { DescriptionExample } from "./checkbox.description"
import { LabelPositionExample } from "./checkbox.labelPosition"
import { InfoIconExample } from "./checkbox.infoIcon"

## Basic Usage

Checkboxes in their various states - unchecked, checked, disabled, and disabled checked.

<BasicExample/>

## With Description

Checkboxes can include descriptions to provide additional context.

<DescriptionExample/>

## Label Positions

Labels can be positioned above or to the side of the checkbox.

<LabelPositionExample/>

## With Information Icon

Checkboxes can include an information icon with a tooltip for additional details.

<InfoIconExample/>