Composable Component
Tabs organize content across different screens, data sets, and other interactions.
Common
@Composable
fun LeadingIconTab(
selected: Boolean,
onClick: () -> Unit,
text: @Composable (() -> Unit),
icon: @Composable (() -> Unit),
modifier: Modifier = Modifier,
enabled: Boolean = true,
interactionSource: MutableInteractionSource? = null,
selectedContentColor: Color = LocalContentColor.current,
unselectedContentColor: Color = selectedContentColor.copy(alpha = ContentAlpha.medium),
)Parameters
| selected | whether this tab is selected or not |
| onClick | the callback to be invoked when this tab is selected |
| text | the text label displayed in this tab |
| icon | the icon displayed in this tab |
| modifier | optional Modifier for this tab |
| enabled | controls the enabled state of this tab. When false, this tab will not be clickable and will appear disabled to accessibility services. |
| interactionSource | an optional hoisted MutableInteractionSource for observing and emitting Interactions 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. |
| selectedContentColor | the color for the content of this tab when selected, and the color of the ripple. |
| unselectedContentColor | the color for the content of this tab when not selected |
