Chip Selector - Text Alpha

chip_selector_text_alpha.kt

@Composable
fun Chip(
    label: String,
    isSelected: Boolean,
    onClick: () -> Unit,
    modifier: Modifier = Modifier
) {
    val transition = updateTransition(targetState = isSelected, label = "transition")

    // 1
    val textAlpha by transition.animateFloat(
        transitionSpec = { tween(durationMillis = AnimationDurationMillis) },
        label = "textAlpha"
    ) { selected ->
        if (selected) 1f else .6f
    }
    Box(
        modifier = modifier
            .drawWithCache {
                ...
            }
            .clickable(interactionSource = interactionSource, indication = null, onClick = onClick)
    ) {
        Text(
            text = label,
            color = textColor,
            fontWeight = FontWeight.Bold,
            modifier = Modifier
                .padding(horizontal = 24.dp, vertical = 16.dp)
                // 2
                .graphicsLayer { alpha = textAlpha }
        )
    }
}