Text content 2

Text content 2


How to use it ?

  <template>
  <MazTabsBar
    :items="tabs"
  />
  <MazTabsContent>
    <MazTabsContentItem>
      <p>Text content 1</p>
    </MazTabsContentItem>
    <MazTabsContentItem>
      <p>Text content 2</p>
      <p>Text content 2</p>
    </MazTabsContentItem>
  </MazTabsContent>
</template>

<script>
  import { MazTabsBar, MazTabsContent, MazTabsContentItem } from 'maz-ui'
  export default {
    components: { MazTabsBar, MazTabsContent, MazTabsContentItem }
    data () {
      return {
        tabs: [
          { label: 'First Tab' },
          { label: 'Second Tab' }
        ]
      }
    }
  }
</script>