FilledTonalButton

Material 3

Los FilledTonalButton están definidos para acciones de importancia intermedia, entre los Button y los OutlinedButton. Como norma general estos botones utilizarán de la gama de colores la parte secundaria, es decir, colores que no llamen tanto la atención como los primarios.

Implementación

Definición del componente

Material 3

@Composable
fun FilledTonalButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shape: Shape = ButtonDefaults.filledTonalShape,
    colors: ButtonColors = ButtonDefaults.filledTonalButtonColors(),
    elevation: ButtonElevation? = ButtonDefaults.filledTonalButtonElevation(),
    border: BorderStroke? = null,
    contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable RowScope.() -> Unit
)

Atributo	Descripción
onClick	Función lambda que se ejecutará cuando el usuario pulse el botón.
modifier	Modificador que implementará el composable.
enabled	Habilita o deshabilita el botón.
shape	Define la forma del `Button` y su sombra.
colors	Nos permite modificar el color del fondo del `Button` y el del contenido.
elevation	Permite modificar la elevación del componente en sus distintos estados con el objeto `ButtonElevation`.
border	Borde para el `Button`.
contentPadding	The spacing values to apply internally between the container and the content
interactionSource	Representa 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.
content	Contenido a mostrar dentro del `Button`.

Ejemplos

Material 3

@Composable
fun FilledTonalButtonExample() {
    FilledTonalButton(onClick = { print("Hello") }) {
        Text(text = "Click me")
    }
}