Toggle

Use for single pressed-state controls and toolbar toggles

Toggle is for a single pressed-state action.

Import

import { Toggle } from "@downcity/ui";

Basic Example

Loading preview…

Variants

  • default
  • outline

Sizes

  • default
  • sm
  • lg

Usage Notes

  • Use Toggle for a single on/off pressed state
  • Use ToggleGroup for grouped options
  • It works especially well in icon-based toolbars
  • Toggle
  • toggleVariants