Compose 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

Source set: Common
@Composable
public 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
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: