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

Basic Tabs

Basic tabs enable the user to toggle between content placed in the section below. 

Pro Laptops

Business class power and affordably priced in a size and form factor to fit your business.

Pro Convertibles & Detachables

HP Pro tablets and convertibles strike the right balance of versatility, mobility, and durability for mobile professionals.

Pro Desktops & Pro All-in-Ones

Reliable, secure, yet flexible stationary solutions that fit into any space.

HP Pro Displays & Accessories

Pair your Pro PC with monitors stunning picture quality and advanced connectivity.

Usage

This flexible component allows for in-depth related content. It sticks on scroll until the end of the component.

Module specifications

  • Copy, background, and UI element colors are configurable
  • Recommend up to 6 tabs
  • Tab content should be related
  • Any component can be placed inside tabs

Character counts (with spaces)

Tab title - not set, but 50 max characters are recommended

Example layouts

Backgrounds should generally be either Black or White depending on the page.

Tablet

Mobile

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.