Component size, gzipped: 15kb

Progress steps

API

Numbered progress steps

API

Progress lists in Base are used to denote staged progress of an action or activity. This list type provides the user with a sense of awareness around progress and the steps remaining.

Examples

Progress Steps Dotted Usage

  1. Create Account
    Here is some step content
  2. Verify Payment
  3. Add Payment Method

Progress Steps Numbered Usage

  1. 1
    Create Account
    Here is some step content
  2. 2
    Verify Payment
  3. 3
    Add Payment Method

API

Progress Steps props

children
react node
An array of Tab components.
current
number
Defines the current active step index.
overrides
custom
Lets you customize all aspects of the component.

Progress Steps exports

You can import this module like so:

import {ProgressSteps} from 'baseui/progress-steps'

It exports the following components or utility functions: