---
title: "Badge"
description: "A badge represents dynamic information such as a number of pending requests in a navigation bar."
type: "component"
social_image: "/static/images/material3/badge.png"
---

<div class='type'>Composable Component</div>



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

<img loading='lazy' class='hero-img' alt='Badge image' src='/static/images/material3/badge.png'>

<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


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


#### 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 |