Indicate an action running in the background.
The basic Loading usage.
Customize text next to icon.
Loading indicators in different states.
Customize the space between points. (the ratio is relative to the current size)
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| type | bg-color type | LoadingTypes | LoadingTypes | default |
| color | custom bg color | string | - | - |
| spaceRatio | percentage of space between points | number | - | 1 |
| ... | native props | HTMLAttributes | 'id', 'title', 'className', ... | - |
type LoadingTypes =
| 'default'
| 'primary'
| 'secondary'
| 'success'
| 'warning'
| 'error'
| 'info'
role="status". With children, the text is what a screen reader announces. Without them, the name is Loading; pass an aria-label, such as aria-label="Loading invoices", to name what is loading.