Props
| Prop | Type | Default | Notes |
|---|---|---|---|
tone | neutral | primary | secondary | tertiary | error | neutral | |
size | xs | sm | md | lg | xl | md | |
label | string | '' |
StellarUI
<stellar-status-indicator>
Compact status dot for tables, lists, and dense metadata.
Properties
Preview
Markup
<stellar-status-indicator
label="Ready"
tone="primary"
>
</stellar-status-indicator>API
Complete props, events, slots, and implementation notes for the shipped status indicator.
Events
| Event | Source | Notes |
|---|---|---|
| custom events | none | stellar-status-indicator is presentational and does not emit custom events. |
Slots
| Slot | Notes |
|---|---|
| default | Optional visible status text. For a dot-only indicator, omit slot content and provide the assistive label prop. |
Notes
- The public tag is `stellar-status-indicator`, a compact colored dot with optional visible slot content.
- For a dot-only indicator, provide the assistive `label` prop so state is never conveyed by color alone.
- Callers may add `role='status'` or another live-region role only when changes should be announced.
- Use badges for enclosed labels and counts. Use the status indicator for lightweight operational state in dense rows.