Switch

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

<Switch />

<Switch />

Installation

pnpm add @notion-kit/ui

pnpm add @notion-kit/ui

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

<Switch size="sm"/>
<Switch size="md"/>

<Switch size="sm"/><Switch size="md"/>

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

Spinner

An animated loader to indicate background activity or pending operations.

Tabs

A set of related panels where one section of content is visible at a time.