Loading management
React Bootstrap 5 Loading management
Displays animation in a container (such as a table) while loading data.
Note: Read the API tab to find all available options and advanced customization
Basic example
Loading automatically init when you add class loading
to your element. Loading automatically attach to body
element, so if you want attach loading to element you have add parentRef
property with a reference to your parent.
Loading...
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Colors
You can set a diffrent colors to loader with text-*
color like primary, success, danger, warning.
Loading...
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Custom spinners
MDB Growing spinner
If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!
Loading...
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Font Awesome
Loading...
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Delay
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Full screen
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.