ts
| Guidance | Practices |
|---|---|
| Do | Provide a header to label the list and give context to screen readers. |
| Do | Use start and end content slots to add icons, avatars, or badges to each item. |
| Don't | Place interactive elements inside an interactive list item; it creates nested click targets and confusing focus behavior. |
| Don't | Use a list for a single item or for laying out unrelated content; lists imply a meaningful collection. |
| Don't | Mix clickable and non-clickable items in the same list without clear visual distinction. |