Footer

The footer component represents the bottom section of a web page.

Usage



  <style>
  .footer-simple {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    background: var(--color-surface);
    border-top: 1px solid var(--color-outline-variant);
    gap: .5rem;
    padding-block: 1rem;
    flex-wrap: wrap;
  }
  .text-body-large {
    margin-block-end: 0 !important;
  }
</style>

  <div class="footer-simple">
    <div>
      © 2026 Peacock.
    </div>
    <div>
      All rights reserved.
    </div>
  </div>

Header content

Shivaji Varma