Stylish
A floating page footer that hosts action slots at the bottom of the screen. Mirrors StylishHeader in visual language — rounded, elevated, with a hairline outline — and is designed to fill the bottomBar slot of StylishScaffold.
The content slot is centered, leadingContent aligns to the start edge, and trailingContent to the end edge. Automatic navigation-bar inset padding is applied below the surface.
Parameters
Composable rendered at the horizontal center of the bar, typically a primary action button or label.
Optional composable rendered at the start (leading) edge. When null, no leading content is shown.
Optional composable rendered at the end (trailing) edge. When null, no trailing content is shown.
Modifier applied to the outer Column.
Corner shape of the footer surface. Defaults to RoundedCornerShape with StylishTheme.dimensions.floatingCornerRadius.
Background color of the footer surface.
Default content color propagated to children.
Optional BorderStroke drawn around the surface. Defaults to a hairline stroke using StylishTheme.dimensions.outlineWidth. Pass null to remove.
Tonal elevation of the surface.
Drop-shadow elevation of the surface. Defaults to StylishTheme.dimensions.floatingElevation.
Fixed height of the inner content area. Defaults to 56.dp (standard bar height).
Space above the surface, separating it from page content. Defaults to StylishTheme.dimensions.contentSpacing.
Space below the surface, before navigation-bar insets. Defaults to StylishTheme.dimensions.itemSpacing.
Horizontal gap between items inside leadingContent and trailingContent when they contain multiple children. Defaults to StylishTheme.dimensions.inlineSpacing.
WindowInsets consumed below the surface via Modifier.windowInsetsPadding, typically the navigation-bar insets. Defaults to WindowInsets.navigationBars so the bar clears the system gesture/navigation area.