Stepper · High Contrast
Three steps on one line: a number and a label. The marker moves on a click and jumps when the keyboard changes the step.
Design · High Contrast20 / 20
64px tall, 3px border, 14px labels.
Motion
A click moves the marker in 180ms. Arrow keys and Enter place it with no travel.
Accent
Three steps on one line: a number and a label. The marker moves on a click and jumps when the keyboard changes the step.
stepperstepscheckoutnavigation