Design System

Enterprise Design System Documentation

Pattern Library

Stepper

Five progress trackers — a device fitting process, a checkout flow, a loan application, an incident timeline and a compact course progress bar.

01Fitting ProcessHearing care · Horizontal

Cihaz ayarlama süreci

Değerlendirme
Cihaz seçimi
3
Ayarlama
4
Kontrol
02Checkout FlowRetail · Horizontal · Dark
Cart
Shipping
3
Payment
4
Confirmation
03Loan ApplicationFintech · Vertical · Descriptions

Application status

Application submitted
Reviewed within 24 hours
Credit check
Soft check, no impact on your score
3
Document verification
Upload proof of income
4
Final approval
Funds released within 2 business days
04Incident TimelineDevOps · Dark · Locked step
INC-4821 · Elevated error rate
Detected
03:12 UTC — alert triggered
Acknowledged
03:14 UTC — on-call paged
3
Mitigating
Rolling back deploy #482
4
Postmortem
Requires incident to be resolved first
05Course ProgressEducation · Horizontal · Compact

Design System 101

Intro
Foundations
Components
4
Patterns
5
Accessibility
6
Final project