Horizontal list

Page in progress

We’re currently working on this page to bring you the best possible experience.

Note that you can contribute by opening a pull request or an issue if something is either wrong or missing. Thanks for your help !

Thank you for your understanding! 🌸

Figma

🧪 Beta

Guidelines

🛠 In progress

Web

🔭 Alpha

Mobile

🔭 Alpha

A horizontal list is a layout component that displays items in a single row, allowing users to scroll horizontally to view additional content.

This design is commonly used for showcasing related items, such as product images, categories, or navigation links, in a compact and visually appealing manner.

Horizontal lists enhance the user experience by making efficient use of horizontal space, providing a clear and organized way to browse through items without overwhelming the vertical layout of the page.

Note

They are particularly effective on mobile devices, where screen width is limited, and horizontal scrolling is intuitive.

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Properties

Status	Name	Type	Default	Required	Description
🔭	gap	string		❌	Gap between elements
🔭	height	string		❌	Height of the list

Examples

Alternative

No alternative.