Design system Packages

Use cta links to draw attention to a primary call to action.

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

Footers help users who reach the bottom of a page without finding what they want.

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

Implementation of the Bootstrap 3 grid.

Headers provide a consistent start to pages.

Class styles for display headings.

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.

A simple list of inline links.

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

Use page alerts to notify users of important information and state changes to the page.

Pancake is an utility to make working with npm modules for the frontend sweet and seamlessly.

@gold.au/searchbox ============

The form select element for multiple options

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

Provide skip links to navigation and content.

Syrup helps you select the right pancake modules.

Used to display tabular data

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