IssueTracker

Jetpack Compose version: 1.7.8

Material Library Version (M2, M3 or Both?): M3

Material Compose component used: Switch

Android Studio Build: Koala

Kotlin version: 1.8

Steps to Reproduce or Code Sample to Reproduce:

1. Create a custom ripple
2. create a toggle switch
3. ripple used is the Material 3 implementation

Material Switch does not use the LocalIndication ripple but creates its own

private fun SwitchImpl( modifier: Modifier, checked: Boolean, enabled: Boolean, colors: SwitchColors, thumbContent: (@Composable () -> Unit)?, interactionSource: InteractionSource, thumbShape: Shape, ) { val trackColor = colors.trackColor(enabled, checked) val resolvedThumbColor = colors.thumbColor(enabled, checked) val trackShape = SwitchTokens.TrackShape.value

Box(
    modifier
        .border(TrackOutlineWidth, colors.borderColor(enabled, checked), trackShape)
        .background(trackColor, trackShape)
) {
    Box(
        modifier =
            Modifier.align(Alignment.CenterStart)
                .then(ThumbElement(interactionSource, checked))
                .indication(
                    interactionSource = interactionSource,
                    indication =
                        rippleOrFallbackImplementation(
                            bounded = false,
                            radius = SwitchTokens.StateLayerSize / 2
                        )
                )
                .background(resolvedThumbColor, thumbShape),
        contentAlignment = Alignment.Center
    ) {
        if (thumbContent != null) {
            val iconColor = colors.iconColor(enabled, checked)
            CompositionLocalProvider(
                LocalContentColor provides iconColor,
                content = thumbContent
            )
        }
    }
}

}