List
List subheader
Consistent section labels with list typography, inset alignment and CSS-only sticky.Recent
Quarterly report
Design review notes
Roadmap draft
Archive
2025 retrospective
Legacy migration plan
Old pricing sheet
Choose it deliberately
Use the component when its contract matches the user task.
Use when
A long list needs visible section labels such as Recent, Archived or a date group.
Avoid overloading
It does not group items, expand sections, or act as a list item.
Composition
Sizing, labels, and neighboring elements should preserve visual hierarchy.
One primary meaning
Short labels; the subheader supports scanning, it is not a paragraph.
Match your markup
Use tag=li inside an ul/ol so the list stays valid.