ElevatedButton

Material 3

Los ElevatedButton tiene la misma finalidad que los FilledTonalButton pero con una pequeña elevación (modificable) para darle algo más de énfasis.

Implementación

Definición del componente

Material 3

@Composable
fun ElevatedButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    shape: Shape = ButtonDefaults.elevatedShape,
    colors: ButtonColors = ButtonDefaults.elevatedButtonColors(),
    elevation: ButtonElevation? = ButtonDefaults.elevatedButtonElevation(),
    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.

Fuente

Puedes acceder a la documentación oficial de Google desde aquí.

Ejemplos

Material 3

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