Switch

A text field allows a user to enter a plain text value with a keyboard.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui switch

The default Switch uses size md.

Example

Code

Low power mode

Switches can be either left or right aligned.

Example

Code

I'm on the rightI'm on the left

You can use the size prop to alter the Switch size. Sizes sm, md, and lg are included by default.

Example

Code

Use the isDisabled prop to make the Switch disabled.

Example

Code

Low power mode