Backtop
#

The backtop button is used to return to the top of a component.

Examples
#

By default va-backtop watches for a body element offset height. You can change a target element, positioning and scrolling speed.

Vertical Position:

Horizontal Position:

Vertical offset:

Horizontal offset:

Visibility height:

Scroll speed:

Active Slot: false

The aria-label is set by ariaLabel prop, default to back to top. The component is the last element that recieves focus on the page.

Name	Description	Types	Default
ariaLabel	The aria-label of the component	`String`	`"$t:backToTop"`
color	Color of the component (theme string or `HEX` string).	`String`	`""`
horizontalOffset	Sets the horizontal offset of the component from the border of the monitor	`String`	`"1rem"`
horizontalPosition	Sets the horizontal position of the component	`String`	`"right"`
preset	Named preset combination of component props.	`String`	-
speed	Sets the scrolling speed	`Number`	`50`
target	Applies the selector to which the backtop is bound	`Object \| String`	-
verticalOffset	Sets the vertical offset of the component from the border of the monitor	`String`	`"1rem"`
verticalPosition	Sets the vertical position of the component	`String`	`"bottom"`
visibilityHeight	The minimum height after which the backtop is displayed	`Number`	`300`

Name	Description
click	Emitted when user clicked on backtop. The event argument is: `Event`

Name	Description
default	Slot for backtop content