Diwa Design System

Tabs Bar

A navigation bar that organises content into labelled tabs, allowing users to switch between related views.

Properties

NameTypeDefaultDescription
activeTabIndexnumber0Zero-based index of the currently active tab.
theme'dark' | 'light''dark'Per-component theme override.

Events

NameDetail typeBubblesDescription
update{ activeTabIndex: number }NoEmitted when the user clicks a different tab.

Slots

Default slot — accepts <button> or <a> elements as tab triggers. The component sets aria-selected and tabindex on these elements automatically.