{"id":666,"date":"2019-09-24T08:42:50","date_gmt":"2019-09-24T08:42:50","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=666"},"modified":"2019-09-24T08:43:46","modified_gmt":"2019-09-24T08:43:46","slug":"banner","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/banner\/","title":{"rendered":"Banner"},"content":{"rendered":"\n

The v-banner<\/code> component is used as middle-interruptive message to user with 1-2 actions. It comes in 2 variations, single-line<\/strong> and multi-line<\/strong> (implicit). These can have icons which you can use with your message and actions. <\/p>\n\n\n\n

<template>
  <v-card>
    <v-system-bar><\/v-system-bar>
    <v-toolbar flat>
      <v-toolbar-title>My Document<\/v-toolbar-title>
      <div class=\"flex-grow-1\"><\/div>
      <div>
        <v-switch
          v-model=\"sticky\"
          label=\"Sticky Banner\"
          hide-details
        ><\/v-switch>
      <\/div>
    <\/v-toolbar>
    <v-banner
      single-line
      :sticky=\"sticky\"
    >
      We can't save your edits while you are in offline mode.
 
      <template v-slot:actions>
        <v-btn
          text
          color=\"deep-purple accent-4\"
        >Get Online<\/v-btn>
      <\/template>
    <\/v-banner>
    <v-card-text class=\"grey lighten-4\">
      <v-sheet
        max-width=\"800\"
        height=\"300\"
        class=\"mx-auto\"
      ><\/v-sheet>
    <\/v-card-text>
  <\/v-card>
<\/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-banner component is used as middle-interruptive message to user with 1-2 actions. It comes in 2 variations, single-line and multi-line (implicit). These can have icons which you can use with your message and actions. <template> <v-card> <v-system-bar><\/v-system-bar> <v-toolbar flat> <v-toolbar-title>My Document<\/v-toolbar-title> <div class=”flex-grow-1″><\/div> <div> <v-switch v-model=”sticky” label=”Sticky Banner” hide-details ><\/v-switch> <\/div> <\/v-toolbar> <v-banner single-line […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/666"}],"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=666"}],"version-history":[{"count":1,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":668,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/666\/revisions\/668"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}