Composable Component

Badge

Badge is a component that can contain dynamic information, such as the presence of a new notification or a number of pending requests.

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.

Badge

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