---
id: loader
title: Loader
---

# Loader

Loading spinner is used for notifying users that their action is being processed or data retrieved from server.

## How to use


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


### Secondary color

<code src="@digigov/ui/src/app/Loader/__stories__/Secondary.tsx" />


### Different sizes

<code src="@digigov/ui/src/app/Loader/__stories__/Sizes.tsx" />

### Full page loader

<code src="@digigov/ui/src/app/Loader/__stories__/FullPageLoader.tsx" />


## API

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

<ComponentProps componentName={[
  "CircularProgress",
  "Loader",
]} 
/>