Skip to Main Content

Digital Hub Guide

Product Bar Component Variant 01

Bar with sliding Products linking to Product pages

Component Anatomy

Header with UI Elements

UI Elements Index

  1. Container
  2. Left Control Icon
  3. Product Container
  4. Product Logo
  5. Product Name
  6. Right Control Icon

Elements Description

Control Icon
The previous and next navigation buttons. They can be arrows buttons or other similar icons.

Control Icon Size
32px x 32px

Control Icon Format
.svg (preferred)
.webp
.jpg
.png

Product Logo
Product logo automatically get from Product Catalog.

Product Name
Product name automatically get from Product Catalog.