Empty
Populated
Dark (team logo)
Inline labels for status, defaults, and metadata. Use semantic variants; combine with sl-badge-s for a compact size.
Outline style works on tinted or busy backgrounds (e.g. documentation).
Typical documentation / settings context
Storage 10% used
Storage 50% used
Storage 90% used
Storage 120% used
| Plan | Seats | Status |
|---|---|---|
| Starter | 3 | Active |
| Team | 12 | Trial |
| Enterprise | 48 | Paused |
| Plan | Seats | Status |
|---|---|---|
| Starter | 3 | Active |
| Team | 12 | Trial |
| Enterprise | 48 | Paused |
| Plan | Seats | Status |
|---|---|---|
| Starter | 3 | Active |
| Team | 12 | Trial |
| Enterprise | 48 | Paused |