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
| Slot | Default classes | Description |
|---|---|---|
| root | 6 classes | Bordered placeholder card with the shimmer overlay owned by this loading preview. |
| bar | h-[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-shimmerSource: 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