Toggle

A two-state button that can be either on or off.

Made by shadcn

Powered by

Loading component...

When to use

Toggle provides a two-state button control. Use this decision tree:

Installation

Usage

import { Toggle } from "@/components/ui/toggle"

<Toggle>Toggle</Toggle>

Examples

Default

Loading component...

Outline

Loading component...

With Text

Loading component...

Small

Loading component...

Large

Loading component...

Disabled

Loading component...

Props

Docs API Reference

Credits

We use Radix UI for the toggle component.
We take our inspiration from Shadcn UI for the toggle style.

Built by malinskibeniamin. The source code is available on GitHub.

On this page