Hero banner

A hero banner should appear at the top of page to deliver an important message or call to action. However it shouldn't be used to replace the a title on content pages

How to add a banner

1. Add new block and pick hero
2. Ensure you drag it to the top of the page
3. Inline edit the heading and message
4. Pick your variation
1. Default
2. Text Links
3. Link List
4. With Blocks
5. With Quick navigation
5. Pick your width (wide or extra wide)
6. Pick a colour variation (currently not implemented)
1. Dark
2. Light
3. White
4. Off-white
7. Add an optional link and link title to add a single button.
8. Add an optional image to put an image on the right

Advice on when to use

Consult the NSW DDS Hero banner component for guidance.

Supporting image

Hero with links

Hero colour variations

Coming soon...

Hero Quick Nav

Coming soon...