Reel
A layout that allows for horizontal scrolling of items within a container, with customizable item sizes and spacing.
Configuration #
| Property | Default value | Description |
|---|---|---|
--gutter | --spacing-s-m | This defines the space between the items. |
--reel-item-size | --line-length-xs | Sets the minimum size of items in the reel layout. |
Default Reel #
Extend to one side #
The reel can be used to create full-width scrollers that align with the grid lines of the content grid layout. To do this, the reel must be nested inside a content grid.
Sliders #
This layout can be used to create interactive content sliders. To achieve this, you must add the slider functionality using JavaScript.