OOratiq

Toggle

Ready

Two-state button.

Requires radix-ui

Installation

$ npx @oratiq-js/ui add toggle

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { toggleVariants, Toggle } from "@/components/ui/toggle";

Variants and states

default

on

outline

disabled

With text

View source on GitHub → components/ui/toggle.tsx