Loader
An indicator to show loading state. By default, it uses a timeless animated spinner that is recognisable by most people in the world.
A loading spinning icon is great for usability and accessibility because it is commonly found in all kind of user interfaces.
Additionally, you can set a personalised text message to reduce user fatigue.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| loading | Boolean |
| Whether to show this Component or not |
| children | String |Number |Boolean |Function | Optional loading text or custom UI to render as loading indicator | |
| size | Enum | Loading icon size (ie. the spinner) | |
| iconClass | Class Name | Class name for the loading icon | |
| className | Class Name | CSS class names separated by space |
Examples
Example
Blinking Loading Text
Please wait...
Loading Spinner Sizes
smallest
smaller
small
base
large
larger
largest
Custom Loader style