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



TV-Material Design Horizontal TabRow

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



<h2 id="tabrow-selectedtabindex-modifier-containercolor-contentcolor-separator-indicator-tabs">TabRow</h2>

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


```kotlin
@Composable
fun TabRow(
    selectedTabIndex: Int,
    modifier: Modifier = Modifier,
    containerColor: Color = TabRowDefaults.ContainerColor,
    contentColor: Color = TabRowDefaults.contentColor(),
    separator: @Composable () -> Unit = { TabRowDefaults.TabSeparator() },
    indicator: @Composable (tabPositions: List<DpRect>, doesTabRowHaveFocus: Boolean) -> Unit =
        @Composable { tabPositions, doesTabRowHaveFocus ->
            tabPositions.getOrNull(selectedTabIndex)?.let { currentTabPosition ->
                TabRowDefaults.PillIndicator(
                    currentTabPosition = currentTabPosition,
                    doesTabRowHaveFocus = doesTabRowHaveFocus,
                )
            }
        },
    tabs: @Composable TabRowScope.() -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| selectedTabIndex | the index of the currently selected tab |
| modifier | the `Modifier` to be applied to this tab row |
| containerColor | the color used for the background of this tab row |
| contentColor | the primary color used in the tabs |
| separator | use this composable to add a separator between the tabs |
| indicator | used to indicate which tab is currently selected and/or focused. This lambda provides 2 values: |
| tabs | a composable which will render all the tabs |