Backtop #
The backtop button is used to return to the top of a component.
Examples #
Basic usage #
By default va-backtop
watches for a body element offset height. You can change a target element, positioning and scrolling speed.
API #
Props #
Name | Description | Types | Default |
---|---|---|---|
ariaLabel |
|
| |
color |
|
| |
horizontalOffset |
|
| |
horizontalPosition |
|
| |
preset |
| - | |
speed |
|
| |
target |
| - | |
verticalOffset |
|
| |
verticalPosition |
|
| |
visibilityHeight |
|
|
Events #
Name | Description |
---|---|
click | Emitted when user clicked on backtop. The event argument is:
|
Slots #
Name | Description |
---|---|
default | Slot for backtop content |
Css Variables #
Name | Default Value |
---|---|
--va-backtop-position | fixed |
--va-backtop-top | auto |
--va-backtop-left | auto |
--va-backtop-right | auto |
--va-backtop-bottom | auto |
--va-backtop-cursor | pointer |
--va-backtop-z-index | 3 |