Tabs Component

Table of Contents

Usage

Irure ea ullamco eiusmod qui nulla proident sit esse incididunt laborum dolor. Amet eiusmod ullamco est in labore dolor aliquip duis irure quis. Incididunt exercitation ex magna ex aliqua ut irure reprehenderit. Aliquip et tempor incididunt fugiat Lorem aute deserunt in tempor. Sit labore veniam exercitation mollit incididunt nulla eu velit deserunt.

Tabs

Content loaded in an iFrame Open in new tab
<script>
  import { Tabs, Tab, TabContent } from "$lib/components";
</script>

<Tabs>
  <Tab label="Tab 1" />
  <Tab label="Tab 2" />
  <Tab label="Tab 3 disabled" disabled />
  <svelte:fragment slot="content">
    <TabContent id="tab1">
      <p>Tab 1 Content</p>
    </TabContent>
    <TabContent id="tab2">
      <p>Tab 2 Content</p>
    </TabContent>
    <TabContent id="tab3">
      <p>You shouldn't see this!</p>
    </TabContent>
  </svelte:fragment>
</Tabs>