HP.com Design System HP.com Design System HP.com Design System

Back to top

This module, when added to a page, allows users to either scroll back to the top of the page, or configure to jump back to a specific module.

Scroll down to see back to top module!

Clicking this icon will auto-scroll the user to the top of their current section.

Usage

This useful little module allows users to scroll back to the top of the page, or to a specific component. When a user scrolls down, a configurable icon will appear at the bottom of the screen. Clicking this icon will auto-scroll the user back to their intended location.

Module specifications 

  • Icon with background color (to scale) must be uploaded – an SVG is preferable
  • Intended location (top of page or specific module) is needed

Character counts (with spaces)

  • No copy, so no character counts!

Resources

Reference

For Zeplin access contact the UX Design Manager

Figma

Components can only be copied from our library, unless you belong to our HP Enterprise Figma instance.