Tabs

Basic

  • Tab 1
  • Tab 2
  • Tab 3

Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.

Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi.

Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies.

Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus.

<vnt-tabs>
  <vnt-tab label="Tab 1" active>
    <p>...</p>
  </vnt-tab>
  <vnt-tab label="Tab 2">
    <p>...</p>
  </vnt-tab>
  <vnt-tab label="Tab 3">
    <p>...</p>
  </vnt-tab>
</vnt-tabs>

Configuration

active attribute

Determines which tab should be set as active. Must be added to vnt-tab element that should be active at start.