Components
Stepper
Not seen on claude.ai; restyled to tokens: control-sized circles (10 % ink inactive, ink fill active, accent + popping check completed), body / footnote labels, accent segments for completed steps.
Horizontal
Arrow keys move between step triggers (Reka); focus = shadow-focus. Completed segments turn accent.
Step 2 of 0
light
Step 3 of 0
dark
Step 3 of 0
Vertical and sizes
orientation=vertical puts the labels beside the indicator; data-size scales the indicator on the cds control scale.
Step 2 of 0
Step 2 of 0
Step 2 of 0
Step 2 of 0
Step 2 of 0