Docs
Footer

Footer

Utilities for setting the footer of the layout

Usage

<footer className="jun-footer">

Container

Insert a container (built-in Tailwind class) as a child of the footer to limit the max width of the content.

<footer className="jun-footer">
  <div className="container">...</div>
</footer>

Inset Sidebar void space

If the inset sidebar is fixed or absolute, it will cover the footer.

To make the content of the footer avoid the cut, place jun-insetAvoidingView inside the Footer:

<footer className="jun-footer">
  <div className="jun-insetAvoidingView">footer content...</div>
</footer>