Lyse UI GitHub

Toggle

The Toggle component is a switch control for turning a binary option on or off. It provides an intuitive way to manage settings and preferences with immediate visual feedback.

Add to v0.dev
tsx

Default

Basic toggle with a label. Click label or switch to toggle.

Sizes

Two sizes: sm (default) and md. Adjusts track, thumb, and label.

With Description

Displays supporting text below the label.

Disabled

Prevents interaction. Works in both states.

Toggle Only

Renders only the switch control. Provide aria-label for accessibility.