Navigation v1.0.0

Back to Top

A floating button that appears when the user scrolls past a configurable threshold, allowing them to smoothly scroll back to the top of the page. Supports customizable position, scroll threshold, and smooth/instant scrolling behavior.

Preview & Code

Options

Name Type Default Description
threshold Number 300 Scroll distance in pixels before the button appears
smooth Boolean true Use smooth scrolling animation when returning to top
position Symbol :bottom_right Screen position: :bottom_right, :bottom_left
label String "Back to top" Screen reader accessible label for the button

Changelog v1.0.0

- v1.0.0: Initial release with threshold, smooth scroll, position, and label options

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now