LoaderProps API Reference
Prop reference
| Title | Type | Default | Description |
|---|---|---|---|
| variant | 'spinner' | 'shaped' | 'loady-experimental' | 'spinner' | Variant of loader to display |
| caption | ReactElement | string | – | Optional caption to display next to the loader |
| size | 'small' | 'medium' | 'large' | 'medium' | // Size of the loader, affects the icon size |
| layout | 'row' | 'column' | 'column' | Layout of the loader, whether to stack caption below or beside the spinner |
| className | string | – | Additional class names for styling the loader root element |
| style | CSSProperties | – | Inline styles for the loader root element |
* Props marked with an asterisk are required.
CSS target reference
| Export | CSS Class Target | Description |
|---|---|---|
| LoaderTargetClassRoot | .NPUI-Loader-root | Root of the loader component |
| LoaderTargetClassCaption | .NPUI-Loader-caption | Caption text for the loader |
| LoaderTargetClassSpinner | .NPUI-Loader-spinner | Spinner element for the loader |
Exports are available from /src/components/loader/loader.tsx or from
Related APIs