Skip to content

Toggle

A single on/off tile, red while pressed, as in the bank's footer.

Installation

npx shadcn@latest add https://osrsui.com/r/toggle.json

Usage

<Toggle aria-label="Always set placeholders" defaultPressed>
  <bankSprites.placeholdersLock />
</Toggle>
<Toggle size="default">Note</Toggle>

Sizes match Button: icon tiles by default (icon-sm, icon, icon-lg), or sm, default and lg for text. For a row where one choice stays pressed, use Toggle Group.