Type scale, annotated spans, overflow, and selection
Text renders strings using the Material 3 type scale. It supports rich, inline styling via AnnotatedString, truncation with TextOverflow, and user text selection through SelectionContainer.
The Material 3 type scale ranges from display down to label.
Text("Display", style = MaterialTheme.typography.displaySmall)
Text("Headline", style = MaterialTheme.typography.headlineSmall)
Text("Title", style = MaterialTheme.typography.titleMedium)
Text("Body", style = MaterialTheme.typography.bodyMedium)
Text("Label", style = MaterialTheme.typography.labelMedium)buildAnnotatedString applies bold, italic, underline, and color spans.
Text(buildAnnotatedString {
withStyle(SpanStyle(fontWeight = FontWeight.Bold)) { append("Bold ") }
withStyle(SpanStyle(fontStyle = FontStyle.Italic)) { append("italic ") }
withStyle(SpanStyle(textDecoration = TextDecoration.Underline)) { append("underline ") }
withStyle(SpanStyle(color = MaterialTheme.colorScheme.primary)) { append("color") }
})Limit lines and truncate the remainder with an ellipsis.
Text(
text = longText,
maxLines = 2,
overflow = TextOverflow.Ellipsis
)Wrap text in a SelectionContainer to make it user-selectable.
SelectionContainer {
Text("Press and hold to select and copy this text.")
}