Nav open / close arrow
✅ Good to Use!
In Design
This element is in design, and is not ready to be used in the codebase yet.
Marked for Deprecation
This element is marked for deprecation, and should not be used in any future projects.
Content out of date
The content here may be out of date. Talk to a designer for more details.
Deprecated
This element has been deprecated and should not be used.

Progress Marker

UIProgressMarkers

Usage
Code

Styles

Using this Component

Progress markers are used to display the progress of a connection or process.


Steps

Progress markers can visually simplify a complex multi-step process. Each step is signified as a node in the component, each with its own icon. The state of each node and the connecting lines shows the progress of the process. Single-step processes should not use progress markers.

‍

Structure

Behavior

Progress markers are not interactive components. They are meant primarily as an informational display, not as a way to control the process that they are representing.

Related Components

Last Updated

August 6, 2020

Coming soon...

Component code details for this component are not currently available, but we're working on it!

Checkout this UIKit component's code and comments in the codebase for usage examples, props, and more.

Eng Description

Code Path & Props

Up to date props can be found at the codepath above.

Example Code