Loading
Loading indicators inform users their action is being processed.
import { ... } from '@ag.ds-next/react/loading';Usage
Loading components can be imported via the loading entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/loading';Props
| Prop | Type | Description |
|---|---|---|
| label | ReactNode | The text to accompany the dots. |
| fullScreen? | booleanDefault: false | If true, the blanket will cover the entire screen. |
| Prop | Type | Description |
|---|---|---|
| aria-live? | "off" | "assertive" | "polite" | Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. |
| label? | string | Describes the loading element to assistive technologies. |
| role? | AriaRole | ARIA roles provide semantic meaning to content. |
| size? | "md" | "lg" | "sm"Default: "md" | The size and number of the dots. |
Source
You can view the full source code for this package on Github.