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	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