Props
| Prop | Type | Default | Notes |
|---|---|---|---|
panel | string | '' | Name of the target stellar-tab-panel inside the same stellar-tab-list. |
disabled | boolean | false | Prevents the tab from being activated or focused through roving tab index. |
StellarUI
<stellar-tab>
Individual tab option for use inside `stellar-tab-list`.
Properties
Preview
This panel stays linked to the configurable tab above.
A second static panel keeps the preview usable when the configurable tab is disabled.
Arrow keys and Home/End still move through the enabled tabs.
Active panel: details
Markup
<stellar-tab panel="details">Details</stellar-tab>API
Complete props, events, slots, and implementation notes for the shipped tab option.
Events
| Event | Source | Notes |
|---|---|---|
| custom events | none | stellar-tab is an option surface. Selection events come from the parent stellar-tab-list. |
Slots
| Slot | Notes |
|---|---|
| default | Visible tab label content, usually short text and optionally an icon. |
Notes
- `stellar-tab` is not a standalone navigation control. It only makes sense inside a `stellar-tab-list` that owns selection and keyboard handling.
- Use the default slot for the visible label. `panel` is the only authored link back to the matching `stellar-tab-panel`.
- The internal `active` state is controller-managed and intentionally not treated as an authored docs prop.