Skip to content
Vy logo
  • Identitet
  • Spor
  • Resources
Components

ProgressIndicator

The ProgressIndicator is a sleek component that enhances user navigation in multi-step processes. It displays a series of dots, highlighting one to indicate the current step.

FigmaGitHub

Examples

<ProgressIndicator 
  numberOfSteps={3}
  activeStep={2}
/>

A card with a ProgressIndicator

Guidelines

The ProgressIndicator should be used in contexts where the user navigates through different steps to provide a sense of progress. It can be used in modals or similar situations.

Code

<ProgressIndicator />

import { ProgressIndicator } from "@vygruppen/spor-react";

Props

Name
Type
Required?
Description
activeStepnumberThe current step
numberOfStepsnumberThe number of steps in the process