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

```kotlin
object TabRowDefaults
```

Contains default implementations and values used for TabRow.

## Properties

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

```kotlin
val ScrollableTabRowMinTabWidth = 90.dp
```

The default minimum width for a tab in a [PrimaryScrollableTabRow](/jetpack-compose/androidx.compose.material3/material3/components/PrimaryScrollableTabRow) or
[SecondaryScrollableTabRow](/jetpack-compose/androidx.compose.material3/material3/components/SecondaryScrollableTabRow).

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

```kotlin
val ScrollableTabRowEdgeStartPadding = 52.dp
```

The default padding from the starting edge before a tab in a [PrimaryScrollableTabRow](/jetpack-compose/androidx.compose.material3/material3/components/PrimaryScrollableTabRow) or
[SecondaryScrollableTabRow](/jetpack-compose/androidx.compose.material3/material3/components/SecondaryScrollableTabRow).

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

> **Deprecated** Use TabRowDefaults.primaryContainerColor instead

```kotlin
val containerColor: Color
```

Default container color of a tab row.

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

```kotlin
val primaryContainerColor: Color
```

Default container color of a [PrimaryTabRow](/jetpack-compose/androidx.compose.material3/material3/components/PrimaryTabRow).

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

```kotlin
val secondaryContainerColor: Color
```

Default container color of a [SecondaryTabRow](/jetpack-compose/androidx.compose.material3/material3/components/SecondaryTabRow).

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

> **Deprecated** Use TabRowDefaults.primaryContentColor instead

```kotlin
val contentColor: Color
```

Default content color of a tab row.

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

```kotlin
val primaryContentColor: Color
```

Default content color of a [PrimaryTabRow](/jetpack-compose/androidx.compose.material3/material3/components/PrimaryTabRow).

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

```kotlin
val secondaryContentColor: Color
```

Default content color of a [SecondaryTabRow](/jetpack-compose/androidx.compose.material3/material3/components/SecondaryTabRow).

## Functions

<h2 id="indicator-modifier-height-color">Indicator</h2>

```kotlin
@Composable
    
    fun Indicator(
        modifier: Modifier = Modifier,
        height: Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight,
        color: Color =
            MaterialTheme.colorScheme.fromToken(PrimaryNavigationTabTokens.ActiveIndicatorColor),
    )
```

Default indicator, which will be positioned at the bottom of the [TabRow](/jetpack-compose/androidx.compose.material3/material3/components/TabRow), on top of the
divider.

#### Parameters

| | |
| --- | --- |
| modifier | modifier for the indicator's layout |
| height | height of the indicator |
| color | color of the indicator |

<hr class="docs-overload-divider">

<h2 id="primaryindicator-modifier-width-height-color-shape">PrimaryIndicator</h2>

```kotlin
@Composable
    fun PrimaryIndicator(
        modifier: Modifier = Modifier,
        width: Dp = 24.dp,
        height: Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight,
        color: Color = PrimaryNavigationTabTokens.ActiveIndicatorColor.value,
        shape: Shape = PrimaryNavigationTabTokens.ActiveIndicatorShape,
    )
```

Primary indicator, which will be positioned at the bottom of the [TabRow](/jetpack-compose/androidx.compose.material3/material3/components/TabRow), on top of the
divider.

#### Parameters

| | |
| --- | --- |
| modifier | modifier for the indicator's layout |
| width | width of the indicator |
| height | height of the indicator |
| color | color of the indicator |
| shape | shape of the indicator |

<hr class="docs-overload-divider">

<h2 id="secondaryindicator-modifier-height-color">SecondaryIndicator</h2>

```kotlin
@Composable
    fun SecondaryIndicator(
        modifier: Modifier = Modifier,
        height: Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight,
        color: Color = PrimaryNavigationTabTokens.ActiveIndicatorColor.value,
    )
```

Secondary indicator, which will be positioned at the bottom of the [TabRow](/jetpack-compose/androidx.compose.material3/material3/components/TabRow), on top of the
divider.

#### Parameters

| | |
| --- | --- |
| modifier | modifier for the indicator's layout |
| height | height of the indicator |
| color | color of the indicator |

<hr class="docs-overload-divider">

<h2 id="tabindicatoroffset-currenttabposition">tabIndicatorOffset</h2>

```kotlin
fun Modifier.tabIndicatorOffset(currentTabPosition: TabPosition): Modifier
```

[Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) that takes up all the available width inside the [TabRow](/jetpack-compose/androidx.compose.material3/material3/components/TabRow), and then animates the
offset of the indicator it is applied to, depending on the `currentTabPosition`.

#### Parameters

| | |
| --- | --- |
| currentTabPosition | [TabPosition](/jetpack-compose/androidx.compose.material3/material3/classes/TabPosition) of the currently selected tab. This is used to calculate the offset of the indicator this modifier is applied to, as well as its width. |