Products · Components

Steps

Shows the stages of something, such as a payment's progress.

Put a Step inside it for each stage.

Children: Components

Example

The Steps component
view.dml
<Steps>
  <Step title="Paid" text="Today, 09:41" status="done" />
  <Step title="Sent" text="On its way" status="current" />
  <Step title="Received" status="upcoming" />
</Steps>

Props

PropTypeWhat it is
padding, paddingTop, paddingStart, paddingEnd, paddingBottomspacingSpace inside its edges, all round or on one side.

Events

None.

Keep reading

On this page