Overview

While designed for and mainly be used by agencies within their footer, this component can also be added to home, landing or standard content pages to help promote translated resources.

It consists of the ability to:

• change heading text (default is 'We speak your language')
• link to an internal asset or external URL
• control full page or shortened display
• add padding to the top and bottom, 24px, 48px or 72px
• set alignment to left, right or centre
• set background colour scheme (default is white)
• set the border colour to the bubble
• select heading levels 2, 3 or 4
• set heading text colour

Feature showcase

Default settings (footer)

With the exception of the editable heading text, the default display settings of this component should be used when adding it to your footer columns.

This is what it looks like in a footer column (accessibility.sa.gov.au)

Shortened width example 1 (content page)

• Custom blue background
• Custom white text
• Centre aligned
• Page width (default)
• Heading level 2 (H2) applied
• Bubble border set to black (default)
• Bottom padding set to 24px

Shortened width example 2 (content page)

• Custom heading
• Custom blue background
• Custom white text
• Right aligned
• Page width (default)
• Heading level 4 (H4) applied
• Bubble border set to grey
• Bottom padding set to 24px

Full width example 1 (home and landing pages)

• Custom blue background
• Custom white text
• Centre aligned
• Heading level 2 (H2) applied
• Bubble border set to white
• Top and bottom padding set to 24px