sterling-svelte  2.0.0
A modern, accessible, lightweight UI component library for Svelte.

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 NameTypeDefaultComment
disabledboolean | null | undefinedfalseWhen true, the tab is disabled.
selectedboolean | null | undefinedfalseWhen true, the tab is selected.
valuestringThe value uniquely identifying this tab within the tab list.

Considerations

  • Includes HTMLButtonElement props, events, and methods.

Anatomy

tab (<button>)
  children (Snippet)
  indicator (<div>)