# TabRowDefaults

Artifact: [androidx.compose.material3:material3](https://developer.android.com/jetpack/androidx/releases/compose-material3) [View Source](https://cs.android.com/search?q=file:androidx/compose/material3/TabRow.kt+class:androidx.compose.material3.TabRowDefaults) Common/AllAndroid/JVM
- Cmn

  ```
  object TabRowDefaults
  ```

*** ** * ** ***

Contains default implementations and values used for TabRow.

## Summary

| ### Public functions |
|---|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable [Indicator](https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#Indicator(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color))(modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color)` **This function is deprecated.** Use SecondaryIndicator instead. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#PrimaryIndicator(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)( modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, width: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, shape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape )` Primary indicator, which will be positioned at the bottom of the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, on top of the divider. | Cmn |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#SecondaryIndicator(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)(modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color)` Secondary indicator, which will be positioned at the bottom of the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, on top of the divider. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier.[tabIndicatorOffset](https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#(androidx.compose.ui.Modifier).tabIndicatorOffset(androidx.compose.material3.TabPosition))(currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/material3/TabPosition)` **This function is deprecated.** Solely for use alongside deprecated TabRowDefaults.Indicator method. | Cmn |

| ### Public properties |
|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#ScrollableTabRowEdgeStartPadding()` The default padding from the starting edge before a tab in a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryScrollableTabRow.composable#PrimaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)` or `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryScrollableTabRow.composable#SecondaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#ScrollableTabRowMinTabWidth()` The default minimum width for a tab in a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryScrollableTabRow.composable#PrimaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)` or `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryScrollableTabRow.composable#SecondaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#containerColor()` **This property is deprecated.** Use TabRowDefaults.primaryContainerColor instead | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#contentColor()` **This property is deprecated.** Use TabRowDefaults.primaryContentColor instead | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#primaryContainerColor()` Default container color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryTabRow.composable#PrimaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#primaryContentColor()` Default content color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryTabRow.composable#PrimaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#secondaryContainerColor()` Default container color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryTabRow.composable#SecondaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#secondaryContentColor()` Default content color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryTabRow.composable#SecondaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`. | Cmn |

## Public functions

### Indicator

Cmn

```
@Composable
fun [Indicator](https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#Indicator(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color))(
    modifier: Modifier = Modifier,
    height: Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight,
    color: Color = MaterialTheme.colorScheme.fromToken(PrimaryNavigationTabTokens.ActiveIndicatorColor)
): Unit
```

> [!CAUTION]
> **This function is deprecated.**   
> Use SecondaryIndicator instead, use this instead:
>
> ```kotlin
> SecondaryIndicator(modifier, height, color)
> ```

Default indicator, which will be positioned at the bottom of the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, on top of the divider.

| Parameters |
|---|---|
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | modifier for the indicator's layout |
| `height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight` | height of the indicator |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colorScheme.fromToken(PrimaryNavigationTabTokens.ActiveIndicatorColor)` | color of the indicator |

### PrimaryIndicator

Cmn

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

Primary indicator, which will be positioned at the bottom of the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, on top of the divider.

| Parameters |
|---|---|
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | modifier for the indicator's layout |
| `width: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = 24.dp` | width of the indicator |
| `height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight` | height of the indicator |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = PrimaryNavigationTabTokens.ActiveIndicatorColor.value` | color of the indicator |
| `shape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape = PrimaryNavigationTabTokens.ActiveIndicatorShape` | shape of the indicator |

### SecondaryIndicator

Cmn

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

Secondary indicator, which will be positioned at the bottom of the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, on top of the divider.

| Parameters |
|---|---|
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | modifier for the indicator's layout |
| `height: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = PrimaryNavigationTabTokens.ActiveIndicatorHeight` | height of the indicator |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = PrimaryNavigationTabTokens.ActiveIndicatorColor.value` | color of the indicator |

### Modifier.tabIndicatorOffset

Cmn Artifact: [androidx.compose.material3:material3](https://developer.android.com/jetpack/androidx/releases/compose-material3) [View Source](https://cs.android.com/search?q=file:androidx/compose/material3/TabRow.kt+function:tabIndicatorOffset)

```
fun Modifier.[tabIndicatorOffset](https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#(androidx.compose.ui.Modifier).tabIndicatorOffset(androidx.compose.material3.TabPosition))(currentTabPosition: TabPosition): Modifier
```

> [!CAUTION]
> **This function is deprecated.**   
> Solely for use alongside deprecated TabRowDefaults.Indicator method. For recommended PrimaryIndicator and SecondaryIndicator methods, please use TabIndicatorScope.tabIndicatorOffset method.

`https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that takes up all the available width inside the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`, and then animates the offset of the indicator it is applied to, depending on the `https://developer.android.com/reference/kotlin/androidx/compose/material3/TabRowDefaults#(androidx.compose.ui.Modifier).tabIndicatorOffset(androidx.compose.material3.TabPosition)`.

| Parameters |
|---|---|
| `currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/material3/TabPosition` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/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. |

## Public properties

### ScrollableTabRowEdgeStartPadding

Cmn

```
val ScrollableTabRowEdgeStartPadding: Dp
```

The default padding from the starting edge before a tab in a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryScrollableTabRow.composable#PrimaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)` or `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryScrollableTabRow.composable#SecondaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)`.

### ScrollableTabRowMinTabWidth

Cmn

```
val ScrollableTabRowMinTabWidth: Dp
```

The default minimum width for a tab in a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryScrollableTabRow.composable#PrimaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)` or `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryScrollableTabRow.composable#SecondaryScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Function0)`.

### containerColor

Cmn

```
val containerColor: Color
```

> [!CAUTION]
> **This property is deprecated.**   
> Use TabRowDefaults.primaryContainerColor instead, use this instead:
>
> ```kotlin
> primaryContainerColor
> ```

Default container color of a tab row.

### contentColor

Cmn

```
val contentColor: Color
```

> [!CAUTION]
> **This property is deprecated.**   
> Use TabRowDefaults.primaryContentColor instead, use this instead:
>
> ```kotlin
> primaryContentColor
> ```

Default content color of a tab row.

### primaryContainerColor

Cmn

```
val primaryContainerColor: Color
```

Default container color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryTabRow.composable#PrimaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`.

### primaryContentColor

Cmn

```
val primaryContentColor: Color
```

Default content color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/PrimaryTabRow.composable#PrimaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`.

### secondaryContainerColor

Cmn

```
val secondaryContainerColor: Color
```

Default container color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryTabRow.composable#SecondaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`.

### secondaryContentColor

Cmn

```
val secondaryContentColor: Color
```

Default content color of a `https://developer.android.com/reference/kotlin/androidx/compose/material3/SecondaryTabRow.composable#SecondaryTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)`.