JollyUI
  1. Docs
  2. components
  3. Toggle Button

Toggle Button

A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.

Toggle buttons are similar to action buttons, but support an additional selection state that is toggled when a user presses the button. There is no built-in HTML element that represents a toggle button, so React Aria implements it using ARIA attributes.

Installation

npx @sly-cli/sly add jolly-ui toggle

Examples

Default

Outline

With Text

Small

Large

Disabled