Clay CSS (2.4.1)

Multi Step Nav

Multi Step Icon

Multi Step Icon Hover

Multi Step Divider

Multi Step Indicator

Multi Step Indicator Label

Multi Step Title

Multi Step Item

Multi Step Item Fixed Width

Multi Step Item Complete

Multi Step Item Active

Multi Step Item Disabled

progress bar
sheet

Multi Step Nav

  1. Step 01
  6. Step 09
  7. Step 10
  1. 01
  2. 02
  3. 03
  4. 04
  5. 05
  6. 06
  7. 07

Multi Step Nav Fixed Width Items

  1. Ticket Buyer Information
    01
  2. Attendee Information
    02
  3. Seat Assignment
    03
  4. Dinner Preference
    04
  5. Submit Payment
    05

Multi Step Nav Collapse (sm, md, lg, xl)

  1. Step 01
  2. Step 02
  3. Step 03
  4. Step 04
  5. Step 05
  6. Step 09
  7. Step 10
  1. Ticket Buyer Information
    Step 01
  2. Attendee Information
    Step 02
  3. Seat Assignment
    Step 03
  4. Dinner Preference
    Step 04
  6. Payment Information
    Step 09
  7. Step 10

With Button Tags

  1. Step 01
  2. Step 02
  3. Step 03
  4. Step 04
  5. Step 05
  6. Step 09
  7. Step 10
progress bar
sheet