LeadingIconTab

Functions summary

Unit

@Composable
LeadingIconTab(
    selected: Boolean,
    onClick: () -> Unit,
    text: @Composable () -> Unit,
    icon: @Composable () -> Unit,
    modifier: Modifier,
    enabled: Boolean,
    selectedContentColor: Color,
    unselectedContentColor: Color,
    interactionSource: MutableInteractionSource?
)

Material Design tab

Cmn

Functions

LeadingIconTab

Cmn

Artifact: androidx.compose.material3:material3

View Source

Added in 1.5.0-alpha28

@Composable
fun LeadingIconTab(
    selected: Boolean,
    onClick: () -> Unit,
    text: @Composable () -> Unit,
    icon: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    selectedContentColor: Color = LocalContentColor.current,
    unselectedContentColor: Color = selectedContentColor,
    interactionSource: MutableInteractionSource? = null
): Unit

Material Design tab

Tabs organize content across different screens, data sets, and other interactions.

A LeadingIconTab represents a single page of content using a text label and an icon in front of the label. It represents its selected state by tinting the text label and icon with selectedContentColor.

This should typically be used inside of a TabRow, see the corresponding documentation for example usage.

Parameters
`selected: Boolean`	whether this tab is selected or not
`onClick: () -> Unit`	called when this tab is clicked
`text: @Composable () -> Unit`	the text label displayed in this tab
`icon: @Composable () -> Unit`	the icon displayed in this tab. Should be 24.dp.
`modifier: Modifier = Modifier`	the `Modifier` to be applied to this tab
`enabled: Boolean = true`	controls the enabled state of this tab. When `false`, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
`selectedContentColor: Color = LocalContentColor.current`	the color for the content of this tab when selected, and the color of the ripple.
`unselectedContentColor: Color = selectedContentColor`	the color for the content of this tab when not selected
`interactionSource: MutableInteractionSource? = null`	an optional hoisted `MutableInteractionSource` for observing and emitting `Interaction`s for this tab. You can use this to change the tab's appearance or preview the tab in different states. Note that if `null` is provided, interactions will still happen internally.

See also
`Tab`