Tabs
Fluent 2 visuals, shadcn APIs. A transparent tab list with a sliding brand underline (not a muted pill) — basic, with a disabled tab, and with leading icons. Click a tab or focus one and press an arrow key, then Enter, to activate it.
Light
Basic
A summary of the project: status, owners, and recent milestones.
With a disabled tab
Settings is disabled — it can't be focused, clicked, or reached with the arrow keys.
With icons
Your dashboard at a glance.
Dark
Basic
A summary of the project: status, owners, and recent milestones.
With a disabled tab
Settings is disabled — it can't be focused, clicked, or reached with the arrow keys.
With icons
Your dashboard at a glance.