Steps

Step-by-step progress indicator. The current step gets aria-current=step, since the state is otherwise shown only by color.

Horizontal

  1. Account
  2. 2 Payment
  3. 3 Confirmation
@components.Steps(components.StepsProps{Items: []components.Step{{Label: "Account", State: "done"}, {Label: "Payment", State: "current"}}})

Vertical

  1. Repository cloned
  2. Migrations applied
  3. 3 Build
  4. 4 Deploy
@components.Steps(components.StepsProps{Vertical: true, Items: ...})