List Item - Interactive

An interactive list item is a single element in a list that displays specific information in an organised manner, allowing users to interact with it.

Overview

The purpose of interactive list items is to provide users with the ability to perform actions or make selections directly within the list. This enhances the usability and functionality of the list, allowing users to engage with the content or perform tasks.

Interactive list items can contain additional elements like checkboxes, radio buttons or icons that trigger specific actions or enable selection.

A group of interactive 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