{"id":338,"date":"2019-09-02T09:15:05","date_gmt":"2019-09-02T09:15:05","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=338"},"modified":"2019-09-24T08:50:22","modified_gmt":"2019-09-24T08:50:22","slug":"toolbar","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/toolbar\/","title":{"rendered":"Toolbar"},"content":{"rendered":"\n

The v-toolbar<\/code> component is pivotal to any gui, as it generally is the primary source of site navigation. The toolbar component works great in conjunction with v-navigation-drawer<\/a> and v-card<\/a>. <\/p>\n\n\n\n

<template>
  <div>
    <v-toolbar>
      <v-toolbar-title>Title<\/v-toolbar-title>
      <div class=\"flex-grow-1\"><\/div>
      <v-toolbar-items>
        <v-btn text>Link 1<\/v-btn>
        <v-btn text>Link 2<\/v-btn>
        <v-btn text>Link 3<\/v-btn>
      <\/v-toolbar-items>
 
      <template v-if=\"$vuetify.breakpoint.smAndUp\">
        <v-btn icon>
          <v-icon>mdi-export-variant<\/v-icon>
        <\/v-btn>
        <v-btn icon>
          <v-icon>mdi-delete-circle<\/v-icon>
        <\/v-btn>
        <v-btn icon>
          <v-icon>mdi-plus-circle<\/v-icon>
        <\/v-btn>
      <\/template>
    <\/v-toolbar>
  <\/div>
<\/template> <\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
The v-toolbar component is pivotal to any gui, as it generally is the primary source of site navigation. The toolbar component works great in conjunction with v-navigation-drawer and v-card. <template> <div> <v-toolbar> <v-toolbar-title>Title<\/v-toolbar-title> <div class=”flex-grow-1″><\/div> <v-toolbar-items> <v-btn text>Link 1<\/v-btn> <v-btn text>Link 2<\/v-btn> <v-btn text>Link 3<\/v-btn> <\/v-toolbar-items> <template v-if=”$vuetify.breakpoint.smAndUp”> <v-btn icon> <v-icon>mdi-export-variant<\/v-icon> <\/v-btn> <v-btn icon> <v-icon>mdi-delete-circle<\/v-icon> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":33,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/338"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/338\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}