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
emiliodegfix(material/button): mat-icon inside of mat-button are truncated
crisbetofix(cdk/drag-drop): item returned to wrong index in initial container crisbetorefactor(cdk/a11y): switch tests away from fakeAsync crisbetofix(material/tabs): incorrect animation variable name
EricPoulvirtual-scroll doesn't work well with animate.leave
daloobug(drag'n'drop): List order changes despite cdkDropListSortingDisabled
angular-robotbuild: update dependency bazel to v8.6.0 (21.2.x) crisbetorefactor(material/input): switch tests away from fakeAsync crisbetobuild: remove v21 migrations
StavNoyAkur8feat(materal/datepicker) add config options parameter to `provideLuxonDateAdapter()`Narrow With Badges
Preview
Code