StellarUI

<stellar-tab-panel>

Passive content panel that is shown and hidden by `stellar-tab-list`.

Properties

Component
Example

Preview

Details History Logs

This panel content is authored child markup and belongs in the example section.

Static comparison panel.

Another static panel for keyboard navigation.

Active panel: details

Markup

Copy
<stellar-tab-panel name="details">Details content</stellar-tab-panel>

API

Complete props, events, slots, and implementation notes for the shipped tab panel.

Props

PropTypeDefaultNotes
namestring''Unique panel name matched by a sibling stellar-tab panel value inside the same stellar-tab-list.

Events

EventSourceNotes
custom eventsnonestellar-tab-panel is passive content. Visibility changes are owned by the parent stellar-tab-list.

Slots

SlotNotes
defaultPanel content shown when the linked tab is active.

Notes

  • `stellar-tab-panel` is passive content. Visibility is controlled by the parent `stellar-tab-list`, not by authored open or active props on the panel itself.
  • Keep authored content in the default slot; the only real authored prop is `name` so tabs can target the panel.
  • The internal `visible` state is controller-managed and intentionally not treated as an authored docs prop.