50 lines
1.2 KiB
Markdown
50 lines
1.2 KiB
Markdown
|
:: 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 | -
|