ClankDesign
Clank Design/Slider

Fields / form associated

Slider

Single or range values with pointer, keyboard, and collision policies.

Anatomy reference Framework guide
280–1600px; fits available space.
Slider / interactiveFluid · fits available space
24 – 76
050100

Semantic parts

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

rootlabelvaluecontroltrackindicatorthumbinput

Keyboard guidance

Tab between the two thumbs. Values range from 0 to 100 with a minimum gap of 8; movement also respects the configured collision policy. Shift plus an arrow uses the large step.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

ArrowLeft
Move by step, respecting RTL.
ArrowRight
Move by step, respecting RTL.
ArrowUp
Increase by step.
ArrowDown
Decrease by step.
PageUp
Increase by largeStep.
PageDown
Decrease by largeStep.
Home
Move to minimum.
End
Move to maximum.