Footer

Footers are used to render links to important destinations inside and outside Lumen applications.

Examples

To use footers, apply the class chi-footer to <footer> and wrap all content in chi-footer__content.

The Footer's language drop down is not functional by default as language support varies by project. Please ensure the drop down is populated with the correct languages and URL paths relevant to your project prior to release.

External #

Show the external footer for all public facing webpages.

This HTML Blueprint requires JavaScript. You may use your own solution, or use Chi's vanilla JavaScript solution, Chi.js.

Internal #

Show the internal footer for authenticated users.

This HTML Blueprint requires JavaScript. You may use your own solution, or use Chi's vanilla JavaScript solution, Chi.js.

Web Component

Properties

Web component coming soon

Accessibility

Accessibility guidelines coming soon