Steps

Overview

When the task is complicated or has a certain sequence in the series of subtasks, we can decompose it into several steps to make things easier.

Example:

import { Steps } from 'telus-thorium-enriched';

<Steps current={0}>
  <Steps.Step label="Login" />
  <Steps.Step label="Purchase" />
  <Steps.Step label="Checkout" />
</Steps>

API

Steps

Property	Description	Type	Default
`className`	additional css classes	`string`	-
`current`	current step (default to 0)	`number`	0
`currentStatus`	status of current step	`string`	-

Step

Property	Description	Type	Default
`label`	Label of the step	`string`	-