Badge

Composable Component

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

Badge image

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

Parameters

modifierthe Modifier to be applied to this badge
containerColorthe color used for the background of this badge
contentColorthe 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.
contentoptional content to be rendered inside this badge