App bar

The web-bar component is pivotal to any graphical user interface (GUI), as it generally is the primary source of site navigation. The app-bar component works great in conjunction with a we-navigation

Your first appbar

  <web-app-bar title="Add-web" :items="menu_items">
    <template #right-side>
      <div>
        <web-button class="bg-teal-400">Downloads</web-button>
      </div>
    </template>
  </web-app-bar>

More examples

<div class="p-12 space-y-5">
  <web-app-bar title="Add-web" :items="menu_items">
    <template #right-side>
      <div>
        <web-button class="bg-teal-400">Downloads</web-button>
      </div>
    </template>
  </web-app-bar>

  <web-app-bar title="Add-web" class="bg-pink-400 text-white">
    <template #right-side>
      <div>
        <web-button class="bg-teal-400">Downloads</web-button>
      </div>
    </template>
  </web-app-bar>
</div>