Beta

Switch

Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.

Open in

Installation

Props

DocsAPI Reference

Animate UI props

PropTypeDefault
leftIcon?
React.ElementType
-
rightIcon?
React.ElementType
-
thumbIcon?
React.ElementType
-

Credits

  • We use Headless UI for the popover component.
  • We take our inspiration from Shadcn UI for the popover style.

Popover NEW

Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.

Copy Button

A button with a copy to clipboard animation.

On this page