Agriculture Design System
Beta
Design System for the Export Service

Progress indicator

Progress indicators show users the number of steps in a task, where they are up to in the process and how much is left to do.

View in FigmaView in StorybookView in Github
import { ... } from '@ag.ds-next/react/progress-indicator';

Length and style

1-2 words for each step title. Keep characters to a minimum.

Write in Sentence case.

Language

Use plain language.

Avoid punctuation such as full stops, commas, or semicolons.

Avoid articles such as the, an, or a

Refer to the glossary for general information.

Voice and tone

Refer to the TFTM Voice and tone guide for guidance.

Style

For general guidance on content, go to:

For DAFF staff, please refer to the internal departmental style guide.

There are slight variations between these guides. If guidance differs, follow the DAFF style guide first or the next in order down this list.