---
id: skeleton
title: Skeleton
---

# Skeleton

Use Skeleton component while a page is loading.

## How to use

<code src="@digigov/ui/src/app/Skeleton/__stories__/Default.tsx" />

### Button

<code src="@digigov/ui/src/app/Skeleton/__stories__/Button.tsx" />

### Circular

<code src="@digigov/ui/src/app/Skeleton/__stories__/Circular.tsx" />

### Rectangular

<code src="@digigov/ui/src/app/Skeleton/__stories__/Rectangular.tsx" />

### Specific width and height

<code src="@digigov/ui/src/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx" />

### Under Typography

<code src="@digigov/ui/src/app/Skeleton/__stories__/UnderTypography.tsx" />

### No Animation

<code src="@digigov/ui/src/app/Skeleton/__stories__/NoAnimation.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["Skeleton"]} />