---
id: Skeleton
section: components
cssPrefix: pf-v5-c-skeleton
propComponents: ['Skeleton']
---

import global_FontSize_4xl from '@patternfly/react-tokens/dist/esm/global_FontSize_4xl';
import global_FontSize_3xl from '@patternfly/react-tokens/dist/esm/global_FontSize_3xl';
import global_FontSize_2xl from '@patternfly/react-tokens/dist/esm/global_FontSize_2xl';
import global_FontSize_xl from '@patternfly/react-tokens/dist/esm/global_FontSize_xl';
import global_FontSize_lg from '@patternfly/react-tokens/dist/esm/global_FontSize_lg';
import global_FontSize_md from '@patternfly/react-tokens/dist/esm/global_FontSize_md';
import global_FontSize_sm from '@patternfly/react-tokens/dist/esm/global_FontSize_sm';

## Examples

### Default

```ts file="./SkeletonDefault.tsx"
```

### Percentage widths

```ts file="./SkeletonPercentageWidth.tsx"
```

### Percentage heights

```ts file="./SkeletonPercentageHeight.tsx"
```

### Text modifiers

```ts file="./SkeletonText.tsx"
```

### Shapes

```ts file="./SkeletonShapes.tsx"
```
