numbered, horizontal, controlled

Completed steps are clickable.

  2. Shipping
  3. Payment
  4. Confirmation
Step 2 of 4

icon

  3. Payment
  4. Confirmation
Step 3 of 4

bullet

  2. Shipping
  3. Payment
  4. Confirmation
Step 2 of 4

with descriptions

  3. PaymentCard and billing
  4. ConfirmationReceipt by email
  3. PaymentCard and billing
  4. ConfirmationReceipt by email

vertical

  2. Invite teammatesAdd people by email, or share a link.
  3. Connect a data sourceImport orders from a CSV or a store.
  4. Go livePublish your first dashboard.
  3. Connect a data sourceImport orders from a CSV or a store.
  4. Go livePublish your first dashboard.
  3. Connect a data source
  4. Go live

sizes

  2. Shipping
  3. Payment
  4. Confirmation
  2. Shipping
  3. Payment
  4. Confirmation
  2. Shipping
  3. Payment
  4. Confirmation

display only

No value change handler: nothing is pressable.

  1. CartReview your items
  2. ShippingWhere it should go
  3. PaymentCard and billing
  4. ConfirmationReceipt by email

custom completed icon

  4. Confirmation

custom color

Colors are token variables: success, info, warning, error.

  3. Payment
  4. Confirmation
  3. Payment
  4. Confirmation
  2. Shipping
  3. Payment
  4. Confirmation

package tracking

  1. Order placedMon 9:12Confirmed and paid
  2. PackedMon 16:40Fulfillment hub, Reno
  3. ShippedTue 07:05Left the hub with Parcelway
  4. Out for deliveryWed 08:30Local depot, Portland
  5. DeliveredWed 13:18Left at the front door

onboarding

  2. Invite teammatesAdd people by email, or share a link.
  3. Connect a data sourceImport orders from a CSV or a store.
  4. Go livePublish your first dashboard.
Step 2 of 4

free trial

  1. Day 1Sign up and start the trial.
  2. Day 7A check-in with setup tips.
  3. Day 12Reminder that the trial ends in two days.
  4. Day 14Billing starts unless you cancel.