Stacked Lists Blocks
Use these stacked list blocks to organize items like user profiles, tasks, or other resources vertically, complete with available user actions. These blocks come in various styles and layouts.
Simple
Preview
Code
With Links
Preview
Code
With Links and Avatar Group
Preview
Code
24
6
22
8
15
With Inline Link Action Menu
Preview
Code
With Badges and Button Action Menu
Preview
Code
With Links in Card
Preview
Code
Full Width With Links
Preview
Code
Full Width With Constrained Content
Preview
Code
Narrow
Preview
Code
Narrow With Sticky Headings
Preview
Code
Group 1
Group 2
Group 3
Group 4
Group 5
Group 6
Narrow With Actions
Preview
Code
Narrow With Small Avatars
Preview
Code
j-haldanebug(matInput): Microsoft Edge selects incorrect autofill option
thesmilerdocs: insert canonical link dynamically
crisbetofix(cdk/drag-drop): allow axis lock to be reset
adolgachevfix(material/chips): Adjust trailing icon opacity based on chip state
nureon22bug(Slider): Value indicator is transforming from right instead of bottom
alessandrospinellibug(matTooltipDisabled): not working when boolean expression given is like "array.length"
abdulwahid-csitImprove DragAxis : 'x' | 'y'
yichengyiguobug(cdk-virtual-scroll-viewport): renders gaps between items
michael-smallbug(theming): Stackblitz docs examples + Firefox hang indefinitely
wbreakelldocs: correct color-scheme syntax in theming guideNarrow With Badges
Preview
Code