To use CircularLoader, you can import the component from the @dhis2/ui library
import { CircularLoader } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| aria-label | string | |||
| className | string | |||
| dataTest | string | 'dhis2-uicore-circularloader' |
||
| extrasmall | custom | |||
| invert | boolean | |||
| large | custom | |||
| small | custom |
To use LinearLoader, you can import the component from the @dhis2/ui library
import { LinearLoader } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| amount | number | * | The progression in percent without the '%' sign | |
| aria-label | string | |||
| className | string | |||
| dataTest | string | 'dhis2-uicore-linearloader' |
||
| invert | boolean | Use inverted color scheme | ||
| margin | string | spacers.dp12 |
The margin around the loader, can be a full shorthand | |
| width | string | '300px' |
The width of the entire indicator |