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	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Available
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Planned
Android [XML views]	Planned
Android [Jetpack compose]	Planned