:: BASE_DOC ::
API
Loading Props
| name |
type |
default |
description |
required |
| custom-style |
Object |
- |
CSS(Cascading Style Sheets) |
N |
| delay |
Number |
0 |
- |
N |
| duration |
Number |
800 |
- |
N |
| fullscreen |
Boolean |
false |
- |
N |
| indicator |
Boolean |
true |
- |
N |
| inherit-color |
Boolean |
false |
- |
N |
| layout |
String |
horizontal |
options: horizontal/vertical |
N |
| loading |
Boolean |
true |
- |
N |
| pause |
Boolean |
false |
- |
N |
| progress |
Number |
- |
- |
N |
| reverse |
Boolean |
- |
- |
N |
| size |
String |
'20px' |
- |
N |
| text |
String |
- |
- |
N |
| theme |
String |
circular |
options: circular/spinner/dots/custom |
N |
Loading Slots
| name |
Description |
| - |
- |
| indicator |
- |
| text |
- |
Loading External Classes
| className |
Description |
| t-class |
- |
| t-class-indicator |
- |
| t-class-text |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name |
Default Value |
Description |
| --td-loading-color |
@brand-color |
- |
| --td-loading-full-bg-color |
rgba(255, 255, 255, 0.6) |
- |
| --td-loading-text-color |
@text-color-primary |
- |
| --td-loading-text-font |
@font-body-small |
- |
| --td-loading-z-index |
3500 |
- |
