<div class='type'>Composable Component</div>



Lists are continuous, vertical indexes of text or images.

<img loading='lazy' class='hero-img' alt='Lists image' src='/static/images/material/lists.png'>

<a id='references'></a>



<h2 id="listitem-modifier-icon-secondarytext-singlelinesecondarytext-overlinetext-trailing-text">ListItem</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
@ExperimentalMaterialApi
fun ListItem(
    modifier: Modifier = Modifier,
    icon: @Composable (() -> Unit)? = null,
    secondaryText: @Composable (() -> Unit)? = null,
    singleLineSecondaryText: Boolean = true,
    overlineText: @Composable (() -> Unit)? = null,
    trailing: @Composable (() -> Unit)? = null,
    text: @Composable () -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| modifier | Modifier to be applied to the list item |
| icon | The leading supporting visual of the list item |
| secondaryText | The secondary text of the list item |
| singleLineSecondaryText | Whether the secondary text is single line |
| overlineText | The text displayed above the primary text |
| trailing | The trailing meta text, icon, switch or checkbox |
| text | The primary text of the list item |