@antipodes-medical/nav-tabs
v1.0.1
Published
## Installation
Downloads
302
Readme
Tabs
Installation
yarn add @antipodes-medical/nav-tabs
import '@antipodes-medical/nav-tabs';
Utilisation
<nav-tabs class="tabs-nav">
<a href="#tab1" aria-selected="true">Tab 1</a>
<a href="#tab2">Tab 2</a>
<a href="#tab3">Tab 3</a>
</nav-tabs>
<div>
<div id="tab1">
<p>Lorem ipsum
<a href="#">dolor</a>
sit amet, consectetur adipisicing elit. Alias delectus, deleniti dicta earum eligendi eos
est excepturi facere id ipsa ipsam, iusto laboriosam libero minima nemo optio porro sapiente velit!
</p>
<p>Ad asperiores aspernatur commodi ducimus, earum hic incidunt iure nam, quasi quia quisquam quos ratione rerum
sapiente, sequi sint tenetur totam vero vitae voluptatem? Alias doloribus eum hic quod reiciendis.</p>
</div>
<div id="tab2" hidden="hidden">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque consectetur, dolor doloribus id illum
iure magnam maxime modi molestias necessitatibus odio quae quod repellendus repudiandae sapiente tempora
tenetur vitae!</p>
<p>Assumenda beatae dolore dolorem ducimus ea eligendi enim et eum exercitationem id in libero minima nam nihil
perferendis quam repellat repudiandae rerum saepe sit totam veniam, vitae voluptas voluptatem,
voluptates.</p>
</div>
<div id="tab3" hidden="hidden">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi assumenda dignissimos ex facere, in laborum,
laudantium minima nam neque nihil nulla pariatur quasi totam vel vitae. Hic odit omnis optio!</p>
<p>Ab adipisci amet atque autem beatae dolor dolore, dolores eos error excepturi explicabo illo inventore modi
natus non numquam, quidem quod ratione repellat rerum similique soluta suscipit temporibus totam
voluptas.</p>
</div>
</div>