ClankDesign
Clank Design/Switch

Controls / form associated

Switch

Binary on/off setting with checked and unchecked native form projection.

Anatomy reference Framework guide
280–1600px; fits available space.
Switch / interactiveFluid · fits available space
Preview deploymentsCreate an isolated URL for every pull request.
Automatic promotionRequires a production approval policy.

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

rootthumbinputunchecked-input

Keyboard guidance

Focus the enabled switch and press Enter or Space to change its state. The disabled example cannot be changed.

Keys verified against the controls used in this preview. Disabled or read-only controls may prevent changes.

Tab / Shift+Tab
Move focus forward or backward in document order.
Enter / Space
Toggle the focused enabled switch.