Spec

Touch target44px min height for interactive items
Breadcrumb text14px (--fs-small) + chevron separator icon
Stepper marker24x24px + label, horizontal scroll on narrow widths
Pagination itemUse Button component classes (outline/secondary), 44px min touch area
Bottom navigation48px container min height, icon + text
AccessibilityUse nav landmarks with aria-label, aria-current for current page/step, tablist roles for tabs

Stepper

Use aria-current="step" for the active step

  1. Address
  2. Shipping
  3. Payment
  4. Review

Pagination

Tabs

Active tab content example.