Overflowable rows

This component has been introduced to handle elements overflowing the viewport width. Once the row of elements overflows the viewport width it is made horizontally swipable/scrollable.

Setup

The setup is simple: WRAPPER > LIST > ELEMENTS.

Some specific setups are require for certain overflowable rows type:

Options

Some options can be passed to the component through the wrapper's data-option attribute data-option={"theOptionToAdd":value}

Events

Events occuring whenever an overflowable row has been instanciated, swipe enabled, swipe disabled, ...

NOTE FOR THIRD PARTIES : please use native postal subscribe/publish events and never use T1.constants content without any fallback to it's value.

Demo

Styleguide section