Skip to content

List Item

List items are used to display data in a list format.

A standard one-line list item.

ListItem(
title: Text('List Item'),
subtitle: Text('Supporting text goes here'),
leading: Icon(PrimeIcons.viamFlutter),
trailing: Icon(PrimeIcons.chevronRight),
)

A list item that supports three lines of text.

ListItem(
title: Text('Three-line Item'),
subtitle: Text('Secondary text\nTertiary text'),
isThreeLine: true,
leading: Icon(PrimeIcons.viamFlutter),
)

A list item styled as a card.

ListItem.card(
title: Text('Card List Item'),
subtitle: Text('This item looks like a card'),
leading: Icon(PrimeIcons.viamFlutter),
onPressed: () {},
)

List items can be interactive with hover and press states.

ListItem(
title: Text('Interactive Item'),
subtitle: Text('Tap, hover, or focus me'),
onPressed: () {},
trailing: Icon(PrimeIcons.chevronRight),
)