@neovici/cosmoz-tabs

A multi views container element that allow navigation between the views using tabs or an accordion.

Usage no npm install needed!

<script type="module">
  import neoviciCosmozTabs from 'https://cdn.skypack.dev/@neovici/cosmoz-tabs';
</script>

README

Build Status Code Climate Published on webcomponents.org semantic-release

<cosmoz-tabs>

<cosmoz-tabs> is a multi views (or pages) container element that allow navigation between the views using tabs or an accordion.

<cosmoz-tabs selected="0">
  <cosmoz-tab heading="First tab">
    <p>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum massa ante,
      maximus in consectetur non, imperdiet ullamcorper risus. Donec vulputate justo nibh.
    </p>
  </cosmoz-tab>
  <cosmoz-tab heading="Second tab">
    <p>
      Fusce consectetur nisi at felis finibus rutrum. Vestibulum fermentum pharetra sem,
      vitae tincidunt est mattis tristique. Donec blandit nulla non tellus tincidunt pretium.
    </p>
  </cosmoz-tab>
  <cosmoz-tab heading="Third tab">
    <p>
      Etiam ante dolor, commodo non vestibulum vel, malesuada a nunc. Vestibulum accumsan,
      sapien eu gravida consectetur, purus felis lobortis massa, id consequat eros lacus sit amet quam.
    </p>
  </cosmoz-tab>
</cosmoz-tabs>

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.