pattern-library checked
Fluent 2 React Card
Documents cards as containers for information and actions related to a single concept or object, with preview, header, footer, hierarchy, behavior, and accessibility guidance.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Card list | Choose card list when each item needs more context, imagery, or mixed metadata than a dense row can comfortably show. | Each card represents one object or concept and exposes one primary identity that stays visible across all states. | Fluent card guidance supports one-object card containers with preview, header, footer, information hierarchy, behavior, and accessibility. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Microsoft Fluent. Last checked: .