@UiReact

Installation

The Basics

Themes

Colorations

Foundation

Main View

Components

Charts

Dialogs

Framer Animations

EzForms

Forms

Grids

Typography

Tools

Contributing

Feature request

UiProgressIndicator

Package: @uireact/progress-indicator

^v3.0.34

Used to represent the progress in a multi step process

Installation ⚙️

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/progress-indicator

Usage


<>
  <UiProgressIndicator>
    <UiProgressIndicatorItem>
      <UiText>Step 1</UiText>
    </UiProgressIndicatorItem>
    <UiProgressIndicatorItem>
      <UiText>Step 2</UiText>
    </UiProgressIndicatorItem>
    <UiProgressIndicatorItem>
      <UiText>Step 3</UiText>
    </UiProgressIndicatorItem>
  </UiProgressIndicator>
</>

Example with a callback on completed steps

This is the step 1

This is the step 2

This is the step 3

This is step 1