Łukasz Holeczek
74 lines
3.2 KiB
Vue
74 lines
3.2 KiB
Vue
<template>
|
|
<CRow>
|
|
<CCol>
|
|
<CCard>
|
|
<CCardHeader>
|
|
<strong>Vue Tabs</strong>
|
|
</CCardHeader>
|
|
<CCardBody>
|
|
<DocsExample href="components/tabs.html">
|
|
<CNav variant="tabs">
|
|
<CNavItem>
|
|
<CNavLink href="#" @click="activeTabA=1">
|
|
Active
|
|
</CNavLink>
|
|
</CNavItem>
|
|
<CNavItem>
|
|
<CNavLink href="#" @click="activeTabA=2">
|
|
Link
|
|
</CNavLink>
|
|
</CNavItem>
|
|
<CNavItem>
|
|
<CNavLink href="#" @click="activeTabA=3">
|
|
Link
|
|
</CNavLink>
|
|
</CNavItem>
|
|
</CNav>
|
|
<CTabContent>
|
|
<CTabPane :visible="activeTabA == 1">
|
|
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown
|
|
aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan
|
|
helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu
|
|
banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
|
|
Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
|
|
</CTabPane>
|
|
<CTabPane :visible="activeTabA == 2">
|
|
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
|
|
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson
|
|
artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo
|
|
enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
|
|
organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia
|
|
yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes
|
|
anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson
|
|
biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente
|
|
accusamus tattooed echo park.
|
|
</CTabPane>
|
|
<CTabPane :visible="activeTabA == 3">
|
|
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's
|
|
organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify
|
|
pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy
|
|
hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred
|
|
pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie
|
|
etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl
|
|
craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
|
|
</CTabPane>
|
|
</CTabContent>
|
|
</DocsExample>
|
|
</CCardBody>
|
|
</CCard>
|
|
</CCol>
|
|
</CRow>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Tabs",
|
|
data: function(){
|
|
return {
|
|
activeTabA: 1,
|
|
activeTabB: 1
|
|
}
|
|
}
|
|
};
|
|
</script>
|