Bar Component

The bar component is intended for creating a bar above the header and below the footer. It can also be used in other places as well.

Basic Usage

<div class="bar">
  <div class="content">
    <p>
      <small>Copyright &copy; Your Company</small>
    </p>
  </div>
  <ul class="list gap-x-gutter-sm">
    <li class="item">
      <a class="link link-white" href="#">
        <i class="fa-brands fa-facebook"></i>
      </a>
    </li>
    <li class="item">
      <a class="link link-white" href="#">
        <i class="fa-brands fa-instagram"></i>
      </a>
    </li>
    <li class="item">
      <a class="link link-white" href="#">
        <i class="fa-brands fa-x-twitter"></i>
      </a>
    </li>
  </ul>
</div>