Skip to content

LoadingSkeletonGhost ​

Overview ​

Multi-bar layout skeleton that claims vertical space while real content loads. Stacks N Skeleton bars at varying widths inside a bordered card-radius container with a shimmer sweep on the wrapper. Pass bars as a width-percent array or pick a pattern preset (form | table | card).

Theme entry: LoadingSkeletonGhost

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
barsnumber[][40, 90, 70, 50]Width percentages for each skeleton bar. Ignored when pattern is set.
patternstringundefinedNamed layout preset. Overrides bars when provided.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root element.

Source ​

client/lib/display/loading/LoadingSkeletonGhost.vue