Skip to content

LoadingSkeletonGhost โ€‹

Source: client/lib/theme/vueda-tailwind/display/index.js

Bordered placeholder card with the shimmer overlay owned by this loading preview.

Vue component: LoadingSkeletonGhost

SlotDefault classesDescription
root6 classesBordered placeholder card with the shimmer overlay owned by this loading preview.
barh-[10px]Individual skeleton bar height; each bar receives its width from component inline style.

root โ€‹

Bordered placeholder card with the shimmer overlay owned by this loading preview.

Default classes:

text
relative overflow-hidden
rounded-vueda-card hairline hairline-border bg-background
flex flex-col gap-3 p-4
before:content-[''] before:absolute before:inset-0 before:pointer-events-none
before:bg-gradient-to-r before:from-transparent before:via-foreground/[0.04] before:to-transparent
before:translate-x-[-100%] before:animate-vueda-skeleton-shimmer

Source: client/lib/theme/vueda-tailwind/display/LoadingSkeletonGhost.theme.js:16

bar โ€‹

Individual skeleton bar height; each bar receives its width from component inline style.

Default classes:

h-[10px]

Source: client/lib/theme/vueda-tailwind/display/LoadingSkeletonGhost.theme.js:27

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2