Aspyn

Toggle

Pressed/unpressed button for view state.

Installation

npm install @aspyn-io/kit @aspyn-io/tokens
import { Toggle } from "@aspyn-io/kit";

Basic

<Toggle aria-label="Toggle bold">
  <BoldIcon />
</Toggle>
<Toggle variant="outline">Breaks</Toggle>

Notes

  • Toggle is an on/off pressed button (aria-pressed) — the dispatch filter-pill pattern.
  • Use Switch for settings, Toggle for view/filter state.