Skip to content

List item

A row with leading, headline, supporting and trailing slots.

List item List item

JengaListItem(
    headline = "Gate A",
    supporting = "Main entrance",
    leadingContent = {
        JengaIcon(
            imageVector = JengaIcons.Check,
            contentDescription = null,
        )
    },
    trailingContent = {
        JengaIcon(
            imageVector = JengaIcons.ChevronRight,
            contentDescription = null,
        )
    },
    onClick = {},
)
JengaListItem(
    headline = "Gate B",
    supporting = "North wing",
    supportingContent = {
        JengaBadge(
            text = "Busy",
            tone = JengaBadgeTone.Warning,
        )
    },
    onClick = {},
)
JengaListItem(
    headline = "Gate C",
    supporting = "Closed",
    onClick = {},
    enabled = false,
)
JengaListItem(
    headline =
    buildAnnotatedString {
        append(
            text = "Gate D ",
        )
        withStyle(
            style = SpanStyle(
                color = JengaTheme.colors.textMuted,
            ),
        ) {
            append(
                text = "ยท 12 waiting",
            )
        }
    },
    supporting = "East wing, opens at noon",
    headlineStyle = JengaTheme.typography.titleSmall,
    onClick = {},
)