tweak
tone-chip
An interactive pill whose tone says WHY it is lit — muted when inactive, a thermal tone when active. Composes with Select via the render prop.
Three chips: two toggles (info/warning when active, muted when not) and a Select-wrapped variant for depth.
Installation
Usage
ToneChip: ToneChip
Use when
- A toggle filter whose on-state carries meaning — 'reduced latency' (info), 'runs unattended' (warning)
- A compact Select trigger — wrap SelectTrigger in ToneChip via the render prop