Class name Type
steps Component Container of step items
step Component A step item
step-primary Utility Adds `primary` color to step
step-secondary Utility Adds `secondary` color to step
step-accent Utility Adds `accent` color to step
step-info Utility Adds `info` color to step
step-success Utility Adds `success` color to step
step-warning Utility Adds `warning` color to step
step-error Utility Adds `error` color to step
Examples
steps
Preview
HTML
  • Register
  • Choose plan
  • Purchase
  • Receive Product
steps
Preview
HTML
  • Fly to moon
  • Shrink the moon
  • Grab the moon
  • Sit on toilet
with data-content
Preview
HTML
  • Step 1
  • Step 2
  • Step 3
  • Step 4
  • Step 5
  • Step 6
  • Step 7
steps with scrollable container
Preview
HTML
  • start
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • end