Stylish
A Stylish UI wrapper around Material 3 Scaffold that provides the full-screen structural skeleton for a page.
Supplies slots for a top bar, bottom bar, floating action button, and snackbar host around a content area. Use this as the outermost layout of every screen; pass a StylishHeader as topBar and a StylishPageContent as content for the standard page composition.
Parameters
Composable rendered above the content area, typically a StylishHeader. Defaults to empty.
Composable rendered below the content area, e.g. a navigation bar. Defaults to empty.
Composable rendered floating above the content, typically a FAB. Defaults to empty.
Composable rendered to host transient snackbar messages above the content, typically a StylishSnackbarHost. Defaults to empty.
Modifier applied to the scaffold root.
Background color behind all content. Defaults to MaterialTheme.colorScheme.background.
Default content color propagated to child composables. Defaults to contentColorFor of containerColor, matching the Material 3 Scaffold default.
Position of floatingActionButton along the bottom edge, forwarded to the Material 3 Scaffold. Defaults to FabPosition.End.
WindowInsets consumed by the scaffold. Defaults to WindowInsets.systemBars (status + navigation bars) so content avoids both system bars, matching the Material 3 Scaffold default.
Main page content. Receives the PaddingValues that account for the top bar, bottom bar, and window insets; apply them via Modifier.padding.