@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
42 lines (29 loc) • 1.03 kB
Markdown
---
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"
```