ClankDesign
Clank Design/Button

Controls / form associated

Button

Native-first press behavior and agent metadata.

Anatomy reference Framework guide
280–1600px; fits available space.
Button / interactiveFluid · fits available space
Tones
Sizes and states

Semantic parts

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

root

Keyboard guidance

Tab to an enabled button, then activate it. The disabled button in this preview is excluded from normal keyboard focus.

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
Activate the focused native button.