@antipodes-medical/nav-tabs v1.0.1

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>