atomic-segmented-facet-scrollable

This is for:

Developer
In this article

The 'atomic-segmented-facet-scrollable' component wraps around one or several 'atomic-segmented-facet' to provide horizontal scrolling capabilities.

Slots

Slots let you write custom HTML at a specific place inside a web component.

Slot Description

default

One or multiple atomic-segmented-facet components

Shadow Parts

Part Description

horizontal-scroll

The scrollable container for the segmented facets.

left-arrow-button

The arrow button used to scroll on the left.

left-arrow-icon

The arrow icon on the left.

left-arrow-wrapper

The wrapper for the arrow button & fade on the left.

left-fade

The white to transparent gradient on the left.

right-arrow-button

The arrow button used to scroll on the right.

right-arrow-icon

The arrow icon on the right.

right-arrow-wrapper

The wrapper for the arrow button & fade on the right.

right-fade

The white to transparent gradient on the right.

scrollable-container

The wrapper for the entire component including the horizontal-scroll container and the arrow buttons.