{"id":335,"date":"2019-09-02T09:13:00","date_gmt":"2019-09-02T09:13:00","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=335"},"modified":"2019-09-24T08:48:35","modified_gmt":"2019-09-24T08:48:35","slug":"tabs","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n

The v-tabs<\/code> component is used for hiding content behind a selectable item. This can also be used as a pseudo-navigation for a page, where the tabs are links and the tab-items are the content. <\/p>\n\n\n\n

<template>
  <v-tabs>
    <v-tab>Item One<\/v-tab>
    <v-tab>Item Two<\/v-tab>
    <v-tab>Item Three<\/v-tab>
  <\/v-tabs>
<\/template>
\/\/ Tab with content
<v-tabs fixed centered>
 <v-tabs-bar class=\"cyan\" dark>
   <v-tabs-slider class=\"yellow\"><\/v-tabs-slider>
   <v-tabs-item
     v-for=\"i in items\"
     :key=\"i\"
     :href=\"'#tab-' + i\"
   >
     {{ i }}
   <\/v-tabs-item>
 <\/v-tabs-bar>
 <v-tabs-items>
   <v-tabs-content
     v-for=\"i in items\"
     :key=\"i\"
     :id=\"'tab-' + i\"
   >
     <v-card flat>
       <v-card-text>{{ text }}<\/v-card-text>
     <\/v-card>
   <\/v-tabs-content>
 <\/v-tabs-items>
<\/v-tabs> <\/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-tabs component is used for hiding content behind a selectable item. This can also be used as a pseudo-navigation for a page, where the tabs are links and the tab-items are the content. <template> <v-tabs> <v-tab>Item One<\/v-tab> <v-tab>Item Two<\/v-tab> <v-tab>Item Three<\/v-tab> <\/v-tabs><\/template>\/\/ Tab with content<v-tabs fixed centered> <v-tabs-bar class=”cyan” dark> <v-tabs-slider class=”yellow”><\/v-tabs-slider> <v-tabs-item v-for=”i […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":32,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/335"}],"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=335"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/335\/revisions\/676"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}