:: BASE_DOC ::
API
BackTop Props
| name |
type |
default |
description |
required |
| custom-style |
Object |
- |
CSS(Cascading Style Sheets) |
N |
| fixed |
Boolean |
true |
- |
N |
| icon |
String / Boolean / Object |
true |
- |
N |
| scroll-top |
Number |
0 |
- |
N |
| text |
String |
'' |
- |
N |
| theme |
String |
round |
options: round/half-round/round-dark/half-round-dark |
N |
| visibility-height |
Number |
200 |
- |
N |
BackTop Events
| name |
params |
description |
| to-top |
- |
- |
BackTop Slots
| name |
Description |
| - |
- |
| icon |
- |
BackTop External Classes
| className |
Description |
| t-class |
- |
| t-class-icon |
- |
| t-class-text |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name |
Default Value |
Description |
| --td-back-top-half-round-border-radius |
@radius-round |
- |
| --td-back-top-round-bg-color |
@bg-color-container |
- |
| --td-back-top-round-border-color |
@component-border |
- |
| --td-back-top-round-border-radius |
@radius-circle |
- |
| --td-back-top-round-color |
@text-color-primary |
- |
| --td-back-top-round-dark-bg-color |
@gray-color-13 |
- |
| --td-back-top-round-dark-color |
@text-color-anti |
- |