Animates label text for which the number of lines can vary, changing the size of the container component.
@Composable
fun FadingExpandingLabelButtonSample() {
var text by remember { mutableStateOf("Text Text Text Text") }
var lines by remember { mutableIntStateOf(1) }
Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
Button(
onClick = {
lines = lines % 3 + 1
text = (1..lines).joinToString(separator = " ") { "Text Text Text Text" }
},
modifier = Modifier.fillMaxWidth(),
label = { FadingExpandingLabel(text = text, textAlign = TextAlign.Left) },
)
}
}