Material You Bottom Sheet

Panel inferior deslizante siguiendo las guías de Material Design 3 (Material You).

Diseño Android (Jetpack Compose)

Usando los últimos componentes de Material 3 para Android 14.

Código del Componente

@Composable
fun ModalBottomSheetSample() {
    val sheetState = rememberModalBottomSheetState()
    ModalBottomSheet(
        onDismissRequest = { /* Handle dismiss */ },
        sheetState = sheetState,
        shape = RoundedCornerShape(topStart = 28.dp, topEnd = 28.dp),
        containerColor = MaterialTheme.colorScheme.surface,
        tonalElevation = 4.dp
    ) {
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .padding(24.dp)
        ) {
            Text(
                text = "Opciones de Archivo",
                style = MaterialTheme.typography.titleLarge
            )
            // List of items here...
        }
    }
}
Oferta Limitada

Lleva tu Productividad al Siguiente Nivel

Únete a nuestra comunidad Premium y accede a herramientas exclusivas, procesamiento ilimitado y soporte prioritario.