A “list-item” typically refers to a single element within a list. Common contexts:
- HTML/CSS: The
- element represents a list item inside
- (unordered) or
- (ordered) lists
html
<ul><li>First item</li> <li>Second item</li></ul>
- Markdown: A list item starts with a bullet (-, , +) for unordered lists or a number and period for ordered lists:
- Item one
- Item two
- Accessibility: Use semantic list elements (ul/ol/li) so screen readers detect list structure. Provide descriptive content and avoid using lists purely for layout.
- UI components: In design systems, a “list-item” component may include an avatar, title, subtitle, and actions (e.g., delete or more-menu). Keep touch targets >=44px and ensure clear visual affordances.
- Data structures: Informally, a “list item” can mean any entry in an array or linked list
If you mean a specific framework or library’s ListItem (React Native, Material-UI, etc.), tell me which one and I’ll give details.*
Leave a Reply