Home Components Footer
Footer
Overview Playground API

The footer is one of the most underestimated sections of a website being located at the very bottom of every page, however, it can be used as a way to try to convince users to stay on your website if they haven’t found the information they’ve been looking for inside the main content area.

Usage


  <div class="component-container">
    <goat-footer class="simple">
      <goat-footer-copyright slot="start" copyright="Goat UI" copyright-href="https://goatui.com"></goat-footer-copyright>
      <goat-footer-links id="footer-links" slot="end"></goat-footer-links>
      <script>
        document.getElementById('footer-links').links = [{ 'name': 'Privacy', 'href': '/privacy' }, {
          'name': 'License',
          'href': '/license',
        }];
      </script>
    </goat-footer>
  </div>


Usage
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next