Skip to content

Toggle Group

A row of tiles where the chosen one stays pressed: the bank and store quantity row.

Installation

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

Usage

<ToggleGroup defaultValue={["1"]}>
  <ToggleGroupItem value="1">1</ToggleGroupItem>
  <ToggleGroupItem value="5">5</ToggleGroupItem>
  <ToggleGroupItem value="All">All</ToggleGroupItem>
</ToggleGroup>

Single choice by default; add multiple for independent toggles. Lay the items out as a grid for pickers (the XP lamp’s skill icons).