- Docs
- components
- 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.
Preview
Code
Installation
CLI
Copy & Paste
Copy and paste the following code into your project.
Loading...Update the import paths to match your project setup.
Usage
Basic
Preview
Code
Disabled
Preview
Code
Readonly
Preview
Code