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



Material Design badge box.

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

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



<h2 id="badgedbox-badge-modifier-content">BadgedBox</h2>

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


```kotlin
@Composable
fun BadgedBox(
    badge: @Composable BoxScope.() -> Unit,
    modifier: Modifier = Modifier,
    content: @Composable BoxScope.() -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| badge | the badge to be displayed - typically a `Badge` |
| modifier | the `Modifier` to be applied to this BadgedBox |
| content | the anchor to which this badge will be positioned |