Skip to main content

ListSkeleton

packages/core/components/molecules/skeletons/ListSkeleton.js · Tier: molecule (skeleton) · Module: core · Rendering: Server Component

Purpose​

A responsive grid of CardSkeletons, optionally wrapped in a surface panel (matching the boxed look of list/consultation pages) preceded by a section-heading placeholder.

Props​

PropTypeRequiredDefaultDescription
countnumberno6Number of card placeholders.
withImagebooleannotrueForwarded to each CardSkeleton.
classNamestringno''Extra classes on the grid.
containedbooleannofalseWrap the grid in a surface panel with a heading placeholder.

Composition​

  • Uses: atoms/core/Skeleton, molecules/core/skeletons/CardSkeleton.
  • Used by: list-page loading.js files across modules.

Accessibility​

All Skeleton blocks are aria-hidden.

molecules/core/skeletons/CardSkeleton, atoms/core/Skeleton.