<h2 id="titlechip-modifier-leadingicon-shape-color-contentcolor-border-contentpadding-content">TitleChip</h2>

<div class='sourceset sourceset-android'>Android</div>

```kotlin
@Composable
public fun TitleChip(
    modifier: Modifier = Modifier,
    leadingIcon: @Composable (() -> Unit)? = null,
    shape: Shape = GlimmerTheme.shapes.large,
    color: Color = GlimmerTheme.colors.surface,
    contentColor: Color = calculateContentColor(color),
    border: BorderStroke? = SurfaceDefaults.border(),
    contentPadding: PaddingValues = TitleChipDefaults.contentPadding,
    content: @Composable RowScope.() -> Unit,
)
```

#### Parameters

| | |
| --- | --- |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to this title chip |
| leadingIcon | optional leading icon to be placed before the `content`. This is typically an [Icon](/jetpack-compose/androidx.xr.glimmer/glimmer/components/Icon). |
| shape | the [Shape](/jetpack-compose/androidx.compose.ui/ui-graphics/interfaces/Shape) used to clip this title chip, and also used to draw the background and border |
| color | background color of this title chip |
| contentColor | content color used by components inside `content` and `leadingIcon`. |
| border | the border to draw around this title chip |
| contentPadding | the spacing values to apply internally between the container and the content |
| content | the main content, typically [Text](/jetpack-compose/androidx.xr.glimmer/glimmer/components/Text), to display inside this title chip |