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

Horizontal scrolling

A module that showcases horizontal content while conserving valuable vertical space.

Print when you want, as much as you want

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.

Easy-view lets you know when you are low on toner

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.

Fits your lifestyle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada pharetra dapibus. Vestibulum posuere mi nec scelerisque lobortis.

Usage

This module offers a solution for managing horizontal content, whether it's a collection of logos or a few content cards.

Module specifications

  • Default presets are in place for authors but can be altered
  • Available for the standard carousel component, or the large card slider component
  • Direction, delay, duration and offset can be configured
  • Motion can be on scroll, or auto
  • Can accomodate static and video
  • Option to add a sticky headline

Character counts (with spaces)

Since this is a wrapper that contains our standard carousel or large card slider, there are no character counts. Please refer to the interior component character counts.

Example layouts

Add a sticky headline to your horizontal scroll

image
1

High-tech style

Stunning looks meet jaw-dropping performance.
image
2

Creativity

Powerhouse laptops for creators on the move.

Or add a video

1

High-tech style

Stunning looks meet jaw-dropping performance.
2

Creativity

Powerhouse laptops for creators on the move.

Create a manual or automatic 'ticker'

HP Wolf Security

HP Wolf Security

HP Wolf Security

HP Wolf Security

HP Wolf Security

HP Wolf Security

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.