Overview
While designed for use 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 text 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
Type 1 - 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)
Type 2 - Shortened width (content pages)
- 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
Type 3 - 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
