pattern-library 1 linked patterns checked
Fluent UI React: List
Documents React list guidance including list, listbox, and grid role choices, list item layout, actions inside list items, keyboard navigation inside multi-action list items, and choosing roles based on item content and intended functionality.
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 |
|---|---|---|---|
| List view | Choose list view when each row is a compact object summary and users scan primarily by name, title, snippet, status, or recency. | Each row has one primary object identity that remains visible across selection, hover, focus, filtering, and responsive states. | Fluent list guidance supports role selection, list-item actions, and keyboard navigation inside multi-action list rows. |
Comparisons supported by this source
- List view vs table vs data grid vs details panel
Fluent list guidance supports role choices and keyboard behavior for list items with multiple actions.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Microsoft Fluent 2. Last checked: .