Dashboard

Navigation Flows

Complex navigation patterns including steppers, tabs, and multi-step workflows for guiding users through sequential and non-linear processes.

Stepper — Vertical
  1. Create account

    Set up your username and password to get started.

  2. Configure profile
  3. Set preferences
  4. Complete setup
Stepper — Non-linear

Step 1: Select report

Stepper — Error States
  1. Upload document
  2. Validate format3 validation errors found
  3. Parse contents
  4. Review data
  5. Import

The uploaded document contains formatting issues that must be resolved before proceeding.

Stepper — Aviation Booking Flow
  1. Select Flight
  2. Passenger Info
  3. Seat Selection
  4. Baggage
  5. Payment
Tabs — Scrollable
Dashboard

Content panel for the Dashboard tab. Replace with real content.

Tabs — Vertical (Health: Patient Portal)
Patient Overview

Name: Jane Doe

Date of Birth: 1985-03-14

Blood Type: A+

Allergies:

Penicillin
Latex

Tabs — Centered

Browse our curated selection of products across all categories.