Current version 22.0.0

Step indicator

import { TgStepIndicatorComponent, TgStepIndicatorIconDirective, TgStepIndicatorItemComponent } from '@trademe/tangram';

Step indicator is used to guide a customer through a process, showing progress at each stage.

If the content isn’t suited to an ordered process, consider using tabs.

Example

First step item content

Behaviour

If a title is too long to fit, the customer is able to scroll horizontally to view the entire title.

Proudly made by © 2026 Trade Me Limited