Loading

pro

Loading 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.

npx nateui@latest add Loading

pnpm dlx nateui@latest add Loading

yarn dlx nateui@latest add Loading

Loading State:

Alert!

Additional description and information about copywriting.

Loading State:

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`	—