Skip to main content

CardSkeleton

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

Purpose​

A loading placeholder mirroring a generic content card (optional top image, title, body lines and a footer row).

Props​

PropTypeRequiredDefaultDescription
withImagebooleannotrueShow the top image placeholder.
linesnumberno2Number of body text lines.
classNamestringno''Extra classes on the card wrapper.

Composition​

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

Accessibility​

Composed entirely of Skeleton (each aria-hidden); conveys no information.

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