Tabs
A tabbed region for switching between views. Native semantics
([role="tablist"], [role="tab"],
[role="tabpanel"]) with a box-shadow indicator that never
causes layout shift. The active state is driven by aria-selected
on the tab and [hidden] on inactive panels.
Overview
This panel is visible because its tab has aria-selected="true". The others carry [hidden].
| Metric | Value |
|---|---|
| Active accounts | 24 |
| Monthly revenue | $48,200 |
Accounts
Account list would go here.
Billing
Billing details would go here.
Activity
Recent activity feed.
Settings
Settings panel (the tab is disabled above).
Density
Sizing is driven by --pl-control-* on an ancestor's [data-density].
Compact content.