JollyUI
  1. Docs
  2. components
  3. Switch

Switch

A switch allows a user to turn a setting on or off.

There is no native HTML element with switch styling. <input type="checkbox"> is the closest semantically, but isn't styled or exposed to assistive technology as a switch. Switch helps achieve accessible switches that can be styled as needed.

Installation

npx shadcn@latest add https://jollyui.dev/default/switch

Usage

Basic

Disabled

Readonly