Card
Fluent 2 visuals, shadcn APIs. A basic composition, a composition with CardAction, and an elevation row.
Light
basic
Meeting notes
Weekly sync — engineering team
Discussed the Q3 roadmap, staffing needs, and the upcoming design review.
Updated 2h ago
interactive
Open project
Hover to see the elevation raise
Visual-only states — compose with an anchor or button for semantics.
with card action
Project Aurora
Due next Friday
Three tasks remaining before the milestone is complete.
elevation
shadow-2
shadow-4
shadow-8
shadow-16
Dark
basic
Meeting notes
Weekly sync — engineering team
Discussed the Q3 roadmap, staffing needs, and the upcoming design review.
Updated 2h ago
interactive
Open project
Hover to see the elevation raise
Visual-only states — compose with an anchor or button for semantics.
with card action
Project Aurora
Due next Friday
Three tasks remaining before the milestone is complete.
elevation
shadow-2
shadow-4
shadow-8
shadow-16