List Item

A list item is a single element in a list that displays specific information in an organised manner.

Overview

The purpose of list items is to present individual pieces of content or data within a larger list, enabling users to easily scan, navigate, and interact with the information. It helps organise and structure content in a user-friendly and intuitive manner.

List items can be styled with various visual elements such as icons, illustrations and thumbnails (among others). They are commonly used in content listings or any situation where multiple items need to be displayed in a structured way.

Two list items that are vertically stacked together.

Resources

Figma Component	Stable
Figma Documentation	Stable
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Stable
iOS JustUI [UI Kit]	Stable
iOS PIE [SwiftUI]	Planned
Android PIE [Compose & Views]	Stable