# TabRowDefaults

Artifact: [androidx.tv:tv-material](https://developer.android.com/jetpack/androidx/releases/tv) [View Source](https://cs.android.com/search?q=file:androidx/tv/material3/TabRow.kt+class:androidx.tv.material3.TabRowDefaults) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/tv#1.0.0)


```
object TabRowDefaults
```

<br />

*** ** * ** ***

## Summary

| ### Public functions |
|---|---|
| `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/tv/material3/TabRowDefaults#PillIndicator(androidx.compose.ui.unit.DpRect,kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/DpRect, doesTabRowHaveFocus: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, activeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, inactiveColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Adds a pill indicator behind the tab |
| `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/tv/material3/TabRowDefaults#TabSeparator()()` Space between tabs in the tab row |
| `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/tv/material3/TabRowDefaults#UnderlinedIndicator(androidx.compose.ui.unit.DpRect,kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/DpRect, doesTabRowHaveFocus: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, activeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, inactiveColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Adds an underlined indicator below the tab |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRowDefaults#contentColor()()` Default accent color for the TabRow |

| ### Public properties |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRowDefaults#ContainerColor()` Color of the background of a tab |

## Public functions

### PillIndicator

Added in [1.1.0](https://developer.android.com/jetpack/androidx/releases/tv#1.1.0)

```
@Composable
fun PillIndicator(
    currentTabPosition: DpRect,
    doesTabRowHaveFocus: Boolean,
    modifier: Modifier = Modifier,
    activeColor: Color = MaterialTheme.colorScheme.onSurface,
    inactiveColor: Color = MaterialTheme.colorScheme.secondaryContainer.copy(alpha = 0.4f)
): Unit
```

Adds a pill indicator behind the tab

| Parameters |
|---|---|
| `currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/DpRect` | position of the current selected tab |
| `doesTabRowHaveFocus: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | whether any tab in TabRow is focused |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | modifier to be applied to the indicator |
| `activeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colorScheme.onSurface` | color of indicator when `https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)` is active |
| `inactiveColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colorScheme.secondaryContainer.copy(alpha = 0.4f)` | color of indicator when `https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)` is inactive |

### TabSeparator

Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/tv#1.0.0)

```
@Composable
fun TabSeparator(): Unit
```

Space between tabs in the tab row

### UnderlinedIndicator

Added in [1.1.0](https://developer.android.com/jetpack/androidx/releases/tv#1.1.0)

```
@Composable
fun UnderlinedIndicator(
    currentTabPosition: DpRect,
    doesTabRowHaveFocus: Boolean,
    modifier: Modifier = Modifier,
    activeColor: Color = MaterialTheme.colorScheme.primary,
    inactiveColor: Color = MaterialTheme.colorScheme.secondary
): Unit
```

Adds an underlined indicator below the tab

| Parameters |
|---|---|
| `currentTabPosition: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/DpRect` | position of the current selected tab |
| `doesTabRowHaveFocus: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | whether any tab in TabRow is focused |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | modifier to be applied to the indicator |
| `activeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colorScheme.primary` | color of indicator when `https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)` is active |
| `inactiveColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colorScheme.secondary` | color of indicator when `https://developer.android.com/reference/kotlin/androidx/tv/material3/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)` is inactive |

### contentColor

Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/tv#1.0.0)

```
@Composable
fun contentColor(): Color
```

Default accent color for the TabRow

## Public properties

### ContainerColor

Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/tv#1.0.0)

```
val ContainerColor: Color
```

Color of the background of a tab