Forms

Switch

An on/off switch over a native checkbox, so focus, keyboard, forms and screen readers come from the browser.

view .md

Preview

send me a copy

notifications

disabled

Installation

terminal

bash

npx @entrepta/cli@latest add switch

// Resolves dependencies, copies the source, and installs npm packages automatically.

Usage

switch.tsx

tsx

import { Switch } from "@/components/entrepta/switch"

<Switch label="send me a copy" defaultChecked />
<Switch label="notifications" checked={on} onChange={(e) => setOn(e.target.checked)} />

Props

Prop	Type	Default	Description
label	ReactNode	-	Clickable label next to the switch
checked	boolean	-	Controlled state
defaultChecked	boolean	-	Uncontrolled starting state
disabled	boolean	false	Dims and disables