Discovery
Understand your users, their challenges, and what motivates their behaviour.
Alpha
Test hypotheses and different approaches with users rapidly to determine how to best meet identified user needs.
Beta
Turn best-performing prototype into a working “minimum viable product” - the quickest and simplest version of a service to meet basic user needs and provide value.
Show code Hide code
Usage
Guidance
- use steps to draw a connection for the user between linear pieces of information
- use steps for steps or stages of a process
- use steps for sequential dates or outcomes.
- use steps when content doesn't come together in sequential or linear order; consider bullet points instead.
Step types
Steps use colours from your brand palette, displayed as outlined or filled. Counters can also be added where they correspond to the content. Colour selection should take into considertation the contrast with the content background.
Based on your heading class, small and medium sized steps are available to ensure the component remains visually balance.
Accessibility
All components are responsive and designed to comply with WCAG 2.2 AA accessibility standards. Full compliance depends on using and configuring the components correctly.