Badge

Composable Component

Badge is a component that can contain dynamic information, such as the presence of a new notification or a number of pending requests. Badges can be icon only or contain short text.

Common

@Composable
fun Badge(
    modifier: Modifier = Modifier,
    backgroundColor: Color = MaterialTheme.colors.error,
    contentColor: Color = contentColorFor(backgroundColor),
    content: @Composable (RowScope.() -> Unit)? = null,
)

Parameters


modifier	optional `Modifier` for this item
backgroundColor	the background color for the badge
contentColor	the color of label text rendered in the badge
content	optional content to be rendered inside the badge