Docs
Toggle

Toggle

Toggle component is a user-friendly, two-state button that can be either on or off. It provides a visually intuitive way for users to toggle between two states, making it ideal for scenarios where binary choices or switches are required. The Toggle component enhances the user experience by offering a clear and accessible means to control and indicate the current state of a particular setting or feature.

Installation

yarn add @camped-ui/toggle

Usage

import { Toggle } from "@camped-ui/toggle";
<Toggle>Toggle</Toggle>

Examples

Default

Outline

With Text

Small

Large

Disabled