Tab

An item in a tab list that, when selected, typically shows associated content.

Code

<script lang="ts">
  import { Tab } from '@geoffcox/sterling-svelte';
</script>

<Tab text="sterling-svelte" value="tab" />

Members

Property Name	Type	Default	Comment
disabled	boolean \| null \| undefined	false	When true, the tab is disabled.
selected	boolean \| null \| undefined	false	When true, the tab is selected.
value	string		The value uniquely identifying this tab within the tab list.

<button class="sterling-tab">
  <div class="content">
    {@render children()}
  </div>
  <div class="indicator"></div>
</button>