---
id: Skeleton
section: components
cssPrefix: pf-c-skeleton
propComponents: ['Skeleton']
---
## Examples
### Default
```js
import React from 'react';
import { Skeleton } from '@patternfly/react-core';
;
```
### Percentage widths
```js
import React from 'react';
import { Skeleton } from '@patternfly/react-core';
;
```
### Percentage heights
```js
import React from 'react';
import { Skeleton } from '@patternfly/react-core';
;
```
### Text modifiers
```js
import React from 'react';
import { Skeleton } from '@patternfly/react-core';
--pf-global--FontSize--4xl
--pf-global--FontSize--3xl
--pf-global--FontSize--2xl
--pf-global--FontSize--xl
--pf-global--FontSize--lg
--pf-global--FontSize--md
--pf-global--FontSize--sm
;
```
### Shapes
```js
import React from 'react';
import { Skeleton } from '@patternfly/react-core';
Small circle
Medium circle
Large circle
Small square
Medium square
Large square
Small rectangle
Medium rectangle
Large rectangle
;
```