voltage.tabs

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac maximus sem, sed tempor sem. Fusce finibus augue tortor, feugiat condimentum mi ultricies ac. Maecenas imperdiet posuere tortor, sit amet auctor lacus interdum non. In ac orci id nunc auctor pellentesque vitae eget dui. Nunc convallis lacus sit amet urna posuere facilisis eget facilisis purus. Phasellus blandit lobortis tellus sed laoreet. Donec venenatis sollicitudin dolor tempus semper. Nulla suscipit accumsan risus eu scelerisque. Proin fringilla placerat placerat. Aenean consequat sapien sapien, eget dapibus sapien auctor et. Nam nec vestibulum odio, sit amet lacinia tellus.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac maximus sem, sed tempor sem. Fusce finibus augue tortor, feugiat condimentum mi ultricies ac. Maecenas imperdiet posuere tortor, sit amet auctor lacus interdum non. In ac orci id nunc auctor pellentesque vitae eget dui. Nunc convallis lacus sit amet urna posuere facilisis eget facilisis purus. Phasellus blandit lobortis tellus sed laoreet. Donec venenatis sollicitudin dolor tempus semper. Nulla suscipit accumsan risus eu scelerisque. Proin fringilla placerat placerat. Aenean consequat sapien sapien, eget dapibus sapien auctor et. Nam nec vestibulum odio, sit amet lacinia tellus.

  • Nunc convallis lacus sit amet urna posuere facilisis eget facilisis purus. Phasellus blandit lobortis tellus sed laoreet. Donec venenatis sollicitudin dolor tempus semper. Nulla suscipit accumsan risus eu scelerisque. Proin fringilla placerat placerat. Aenean consequat sapien sapien, eget dapibus sapien auctor et. Nam nec vestibulum odio, sit amet lacinia tellus.
html
<div data-tabs id="tabs_example_01" class="v-tabs">
  <div class="v-tabs__header">
    <ul data-tabs-tablist class="v-tabs__btns">
      <li class="v-tabs__btns-item">
        <button
          data-tabs-tablist-item="0"
          data-tabs-action="show"
          data-tabs-action-args="0"
          data-tabs-id="tabs_example_01"
          class="v-tabs__btn v-tabs__btn--active"
          type="button"
        >
          Tab 01
        </button>
      </li>
      <li class="v-tabs__btns-item">
        <button
          data-tabs-tablist-item="1"
          data-tabs-action="show"
          data-tabs-action-args="1"
          data-tabs-id="tabs_example_01"
          class="v-tabs__btn"
          type="button"
        >
          Tab 02
        </button>
      </li>
      <li class="v-tabs__btns-item">
        <button
          data-tabs-tablist-item="2"
          data-tabs-action="show"
          data-tabs-action-args="2"
          data-tabs-id="tabs_example_01"
          class="v-tabs__btn"
          type="button"
        >
          Tab 03
        </button>
      </li>
    </ul>
  </div>
  <div class="v-tabs__body">
    <ul class="v-tabs__panels">
      <li
        data-tabs-item
        data-tabs-item-active
        data-tabs-item-showing
        class="v-tabs__panel"
      >
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac
        maximus sem, sed tempor sem. Fusce finibus augue tortor, feugiat
        condimentum mi ultricies ac. Maecenas imperdiet posuere tortor, sit amet
        auctor lacus interdum non. In ac orci id nunc auctor pellentesque vitae
        eget dui. Nunc convallis lacus sit amet urna posuere facilisis eget
        facilisis purus. Phasellus blandit lobortis tellus sed laoreet. Donec
        venenatis sollicitudin dolor tempus semper. Nulla suscipit accumsan
        risus eu scelerisque. Proin fringilla placerat placerat. Aenean
        consequat sapien sapien, eget dapibus sapien auctor et. Nam nec
        vestibulum odio, sit amet lacinia tellus. Lorem ipsum dolor sit amet,
        consectetur adipiscing elit. Vestibulum ac maximus sem, sed tempor sem.
        Fusce finibus augue tortor, feugiat condimentum mi ultricies ac.
        Maecenas imperdiet posuere tortor, sit amet auctor lacus interdum non.
        In ac orci id nunc auctor pellentesque vitae eget dui. Nunc convallis
        lacus sit amet urna posuere facilisis eget facilisis purus. Phasellus
        blandit lobortis tellus sed laoreet. Donec venenatis sollicitudin dolor
        tempus semper. Nulla suscipit accumsan risus eu scelerisque. Proin
        fringilla placerat placerat. Aenean consequat sapien sapien, eget
        dapibus sapien auctor et. Nam nec vestibulum odio, sit amet lacinia
        tellus.
      </li>
      <li data-tabs-item class="v-tabs__panel">
        Nunc convallis lacus sit amet urna posuere facilisis eget facilisis
        purus. Phasellus blandit lobortis tellus sed laoreet. Donec venenatis
        sollicitudin dolor tempus semper. Nulla suscipit accumsan risus eu
        scelerisque. Proin fringilla placerat placerat. Aenean consequat sapien
        sapien, eget dapibus sapien auctor et. Nam nec vestibulum odio, sit amet
        lacinia tellus.
      </li>
    </ul>
  </div>
</div>