Saltearse al contenido

TextButton

MaterialMaterial 3
Imagen del componente TextButton - MaterialImagen del componente TextButton - Material 3

Los TextButton están destinados a las acciones con menos prioridad en las vistas.

Implementación

Definición del componente

Terminal window
@Composable
fun TextButton(
onClick: () -> Unit,
modifier: Modifier = Modifier,
enabled: Boolean = true,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
elevation: ButtonElevation? = null,
shape: Shape = MaterialTheme.shapes.small,
border: BorderStroke? = null,
colors: ButtonColors = ButtonDefaults.textButtonColors(),
contentPadding: PaddingValues = ButtonDefaults.TextButtonContentPadding,
content: @Composable RowScope.() -> Unit
)
AtributoDescripción
onClickFunción lambda que se ejecutará cuando el usuario pulse el botón.
modifierModificador que implementará el composable.
enabledHabilita o deshabilita el botón.
interactionSourceRepresenta un stream de interacciones del botón lo que nos permite modificar su diseño o comportamiento. Por ejemplo que mientras el botón esté pulsado, este encoja.
elevationPermite modificar la elevación del componente en sus distintos estados con el objeto ButtonElevation.
shapeDefine la forma del Button y su sombra.
borderBorde para el Button.
colorsNos permite modificar el color del fondo del Button y el del contenido.
contentPaddingThe spacing values to apply internally between the container and the content
contentContenido a mostrar dentro del Button.

Ejemplos

Imagen del componente Button - Material
Terminal window
@Composable
fun TextButtonExample() {
TextButton(onClick = { print("Hello") }) {
Text(text = "Click me")
}
}