Design System Packages

Vertical list of numbered items.

Vertical list of bulleted items.

Use direction links to link up and down within the DOM or back to a parent page.

Allow the user to toggle the visibility of an element

The form select element for multiple options

Class styles for display headings.

Next-gen Pattern Lab UI used by the Bolt Design System. Pattern Lab PHP and Pattern Lab Node-friendly!

Use callout to notify and alert users of important snippets of information.

Auro custom auro-icon element

Caters for video/slideshow dimensions and aspect ratios across various viewports/widths.

Breadcrumbs help users understand where they are in the service and how they got there.

Provide skip links to navigation and content.

Horizontal list of links to key areas on the website. Usually located in the header.

A suite of elements for the consistent and responsive UI

Collection of React components used by Marshmallow Technology

Use inpage-nav links to help users scan and jump to content of a page.

A list style for emphasising parts of a list item, useful for repeating phrases across that list’s items.

Use tags to apply a taxonomy and link to similar content.

A vertical list of links for site navigation typically placed next to the body content.

The form component contains layout, labelling and inline validations for form fields