Progress

The progress indicator may contain a pre-defined number of steps (ideally not less than 3) the user needs to go through in order to complete a setup (e.g. setting up a new domain). The purpose of this component is similar to the Stepper, but it puts more emphasis on the progress visually. It can also manage errors that may occur at any stage of the flow.

#Usage

import { Progress } from '@kinsta/stratus'

const steps = [{
  message: 'Step 1'
}, {
  message: 'Step 2'
}]

const MyComponent = () => (
  <Progress steps={steps} activeStep={1} />
)
Copy

#Props