Toggle Button — State Reference

Vanilla Web Component implementation, Carbon DS tokens (White Theme). First two cells are live/interactive; the rest are static state references.

On / Enabled (live)
Off / Enabled (live)
On / Disabled
Off / Disabled
Skeleton

Click the first two buttons to see the camera / camera-off icon swap and the aria-pressed / aria-label update firing live. Hover and focus (Tab key) states are wired via native CSS pseudo-classes — try both on the live cells.