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
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| bars | number[] | [40, 90, 70, 50] | Width percentages for each skeleton bar. Ignored when pattern is set. | |
| pattern | string | undefined | Named layout preset. Overrides bars when provided. | |
| class | import('vue').HTMLAttributes['class'] | undefined | Additional CSS classes applied to the root element. |
Source
client/lib/display/loading/LoadingSkeletonGhost.vue