Docs
Components
Multi Step

Multi Step

It is used to give a visual feedback of progress in a multi step activity.

Anatomy

Mount all pieces together and create your Multi Step

import { MultiStep } from '@snowye-ui/react';
 
<MultiStep />

You can use whichever icon library you want

Example

<Surface
  css={{
    width: '80%'
  }}
>
  <MultiStep size={4} currentStep={2} label='Step 2 of 4' />
</Surface>

Without label

<Surface css={{
  width: '80%'
}}>
  <MultiStep size={4} currentStep={4} />
</Surface>

API Reference

Prop

Type

Default

size*numberNo default value
currentStep*number1
labelstringNo default value
Last updated on December 18, 2022
LoadingPopover