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

1

High-tech style

Stunning looks meet jaw-dropping performance.

2

Creativity

Powerhouse laptops for creators on the move.

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

For Zeplin access contact the UX Design Manager

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