---
url: "https://vueda.dev/v3/reference/api/vue/LoadingSkeletonGhost.md"
title: "LoadingSkeletonGhost"
---

# 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](/v3/reference/theming/keys/LoadingSkeletonGhost.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-bars">bars</span> | `number[]` |  | `[40, 90, 70, 50]` | Width percentages for each skeleton bar. Ignored when `pattern` is set. |
| <span id="prop-pattern">pattern</span> | `string` |  | `undefined` | Named layout preset. Overrides `bars` when provided. |
| <span id="prop-class">class</span> | `import('vue').HTMLAttributes['class']` |  | `undefined` | Additional CSS classes applied to the root element. |

## Source

`client/lib/display/loading/LoadingSkeletonGhost.vue`