SmallFloatingActionButton

Material 3

El componente SmallFloatingActionButton sigue las mismas reglas e implimentaciones que FloatingActionButton pero con un diseño algo más pequeño.

Implementación

Definición del componente

Material 3

@Composable
fun SmallFloatingActionButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    shape: Shape = FloatingActionButtonDefaults.smallShape,
    containerColor: Color = FloatingActionButtonDefaults.containerColor,
    contentColor: Color = contentColorFor(containerColor),
    elevation: FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(),
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable () -> Unit,
)

Atributo	Descripción
onClick	Función lambda que se ejecutará cuando el usuario pulse el botón.
modifier	Modificador que implementará el composable.
shape	Define la forma del FloatingActionButton y su sombra.
containerColor	El color del fondo del componente.
contentColor	Color del contenido.
elevation	Permite modificar la elevación del componente en sus distintos estados con el objeto FloatingActionButtonElevation.
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 FloatingActionButton.

Fuente

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

Ejemplos

Material 3

@Composable
fun SmallFloatingActionButtonExample() {
    SmallFloatingActionButton(onClick = { print("Hello") }) {
        Icon(Icons.Filled.Favorite, "Floating action button.")
    }
}