pattern-library 1 linked patterns checked
React Spectrum CardView
Documents a card-view collection component with card rendering, grid-like browsing, keyboard navigation, selection, dynamic collections, async loading, and object-card presentation.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Card grid | Choose card grid when users need to see multiple objects at once and visual preview or compact card identity helps them choose. | Each card represents one object and keeps title, preview, key metadata, state, and actions in the same relative positions across cards. | Supports card collection behavior, selection, keyboard navigation, dynamic rendering, and loading behavior. |
Comparisons supported by this source
- Card grid vs card list vs collection vs table
React Spectrum CardView supports card collections with grid-style object browsing, selection, keyboard navigation, and dynamic loading.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Adobe. Last checked: .