Tab Nav

Overview

Tab-nav can be used on its own without the associated content of a Tab

Sample

Show code snippetCopy code snippet
Edit sample on Codepen
v1.0.0-beta.83
Toggle preview themeToggle preview direction

API reference

calcite-tab-nav
v1.0.0-beta.83

Properties

PropertyAttributeDescriptionTypeValues
storageIdstorage-id

Name to use when saving selected tab data to localStorage

stringA custom string
undefined
syncIdsync-id

Pass the same string to multiple tab navs to keep them all in sync if one changes

stringA custom string
undefined

Events

NameDescriptionDetail
calciteTabChange

Emitted when the active tab changes

bubblescomposedcancelable
TabChangeEventDetailView documentation

Slots

NameDescription
default (unnamed)

A slot for adding `calcite-tab-title`s.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.