Loading
ProLoading conditionally shows a spinner or custom loader while loading is true, with default (replace) and cover (overlay) modes.
Loading State:
Installation
Add this component with the NateUI CLI.
Examples
Cover
Custom
API
| Prop | Description | Type | Default |
|---|---|---|---|
loading | Whether the component is in a loading state. | boolean | false |
type | Loading display mode. default replaces children; cover overlays on top. | 'default' | 'cover' | 'default' |
asElement | Wrapper element type. | ElementType | 'div' |
customLoader | Custom loader element instead of the default Spinner. | ReactNode | — |
spinnerClass | Extra CSS class for the default Spinner. | string | — |
children | Content to display when not loading. | ReactNode | — |
className | Additional CSS classes for the wrapper. | string | — |