Back To Top

BackToTop is a fixed floating control that appears after the user scrolls past visibility_height, then scrolls the nearest scrollport back to the top on click. Place one per long page; use BackToTopLabel for an extended label. For primary page actions, use FloatingButton instead.

  • Long pages where users need a quick return-to-top affordance
  • Place BackToTop anywhere in the page tree.
  • Tune visibility_height to control when the button appears.
  • Nest BackToTopLabel in the slot for a labeled extended variant.
Default

Scroll the page to reveal the control; click returns to the top.

Scroll the page to reveal the back-to-top control.
Change visibility height

Higher visibility_height delays appearance until the user scrolls further.

Scroll further before this control appears.
Change position

Adjust right and bottom to reposition the floating control.

Scroll the page — this instance sits between the other examples.