Checkbox

A control that allows the user to toggle between checked and not checked.

<Checkbox />

<Checkbox />

Installation

pnpm add @notion-kit/shadcn

pnpm add @notion-kit/shadcn

Use the size prop to control the size of the checkbox. The default size is "md".

<Checkbox size="xs"/>
<Checkbox size="sm"/>
<Checkbox size="md"/>

<Checkbox size="xs"/><Checkbox size="sm"/><Checkbox size="md"/>

Prop	Type	Default	Description
`size`	`"xs" \| "sm" \| "md"`	`"md"`	The size of the checkbox.

Button

A button allows a user to perform an action, with mouse, touch, and keyboard interactions.

Input

Displays a form input field or a component that looks like an input field.