Skip to content

Expansion List Item

Expansion list items are used to show or hide a list of children.

The standard style is used within lists.

ExpansionListItem(
initiallyExpanded: true,
title: Text('Expansion Item'),
leading: Icon(PrimeIcons.viamFlutter),
children: [
Padding(
padding: EdgeInsets.symmetric(vertical: 8.0),
child: Text('This is the content hidden inside the expansion item.'),
),
],
)

The card style has a background and border, making it stand out.

ExpansionListItem.card(
initiallyExpanded: true,
title: Text('Card Expansion'),
leading: Icon(PrimeIcons.viamFlutter),
children: [
Padding(
padding: EdgeInsets.symmetric(vertical: 8.0),
child: Text('Content inside a card style expansion item.'),
),
],
)