Footer
v4.0.0Footers help users find what they need after scrolling to the bottom of a page. They provide supplementary information such as copyright, ABN details, contact information, links to other pages within the website, and email and social media links.
Released
- History
- View changes
- Install
- npm i @gold.au/footer
- Tags
- Requires
- Contributors
React Usage
import AUfooter, { AUfooterNav, AUfooterEnd } from '@gold.au/footer';
<AUfooter>
<AUfooterNav>
au-footer__navigation
</AUfooterNav>
<AUfooterEnd>
au-footer__end
</AUfooterEnd>
</AUfooter>Props
AUfooter
| Prop name | Type | Description |
|---|---|---|
| alt | boolean | A alternate variation of the component |
| dark | boolean | A dark variation of the component |
All other props are spread into the component
AUfooterNav
| Prop name | Type | Description |
|---|---|---|
| ariaLabel | string | The aria-label attribute, defaults to "footer" |
All other props are spread into the component
Exports
| Name | Type | Description |
|---|---|---|
AUfooter |
default | The footer component |
AUfooterNav |
named | The footer navigation that goes inside the footer |
AUfooterEnd |
named | The footer end that finishes the content inside the footer |
node_modules import
import AUfooter, { AUfooterNav, AUfooterEnd } from '@gold.au/footer';pancake import
import AUfooter, { AUfooterNav, AUfooterEnd } from './footer';