Badge

@Composable
fun Badge(modifier: Modifier = Modifier, containerColor: Color = BadgeDefaults.containerColor, contentColor: Color = contentColorFor(containerColor), content: @Composable RowScope.() -> Unit? = null)

A badge represents dynamic information such as a number of pending requests in a navigation bar.

Badges can be icon only or contain short text.

Badge image

See BadgedBox for a top level layout that will properly place the badge relative to content such as text or an icon.

Parameters

modifier

the Modifier to be applied to this badge

containerColor

the color used for the background of this badge

contentColor

the preferred color for content inside this badge. Defaults to either the matching content color for containerColor, or to the current LocalContentColor if containerColor is not a color from the theme.

content

optional content to be rendered inside this badge