TopBar

./gradlew lumo --add TopBar

TopBar {
    Text(
        text = "Title",
        style = AppTheme.typography.h3,
        modifier = Modifier.align(Alignment.Center)
    )
}

val scrollBehavior = TopBarDefaults.enterAlwaysScrollBehavior()
 
Scaffold(
    topBar = {
        TopBar(
            scrollBehavior = scrollBehavior,
            colors = TopBarColors(
                containerColor = AppTheme.colors.surface,
                scrolledContainerColor = AppTheme.colors.surfaceVariant
            )
        ) {
            Text("Scrollable Title")
        }
    }
) { padding ->
    LazyColumn(
        modifier = Modifier
            .fillMaxWidth()
            .nestedScroll(scrollBehavior.nestedScrollConnection),
        contentPadding = padding
    ) {
        items(30) {
            Card(
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(8.dp)
            ) {
                Spacer(modifier = Modifier.height(60.dp))
            }
        }
    }
}