Core ElementsFree

Toggle

A standalone two-state button that can be pressed or unpressed.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { Toggle, ToggleButton } from "@wunderui/react"

Off — click to turn it on.

The muted fill while the pointer is over it.

On — the tinted fill stays until it is clicked again.

Visible but not available.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Bold, italic and list toggles above a text editor.

Q3 planning notes

Focus on the three accounts that renew in October. Pull the usage reports before Thursday.