Stylish
A titled section that groups a heading, optional supporting text, and arbitrary content under a consistent vertical rhythm (Sectioned structure).
This is a Finish-layer molecule: it composes the StylishSectionTitle atom and spaces the heading, supporting text, and content using the Rhythm spacing scale (StylishTheme.dimensions.contentSpacing by default). Use it to divide a screen into labelled groups — settings panels, forms, detail screens — so that section structure stays consistent. Separate consecutive sections with StylishTheme.dimensions.sectionSpacing.
Parameters
Heading text for the section.
Optional secondary text rendered below the heading in a muted style. Omitted when null.
Vertical gap between the heading, supporting text, and content. Defaults to StylishTheme.dimensions.contentSpacing (16 dp).
Typography for the heading. Defaults to MaterialTheme.typography.titleMedium.
Color for the heading. Defaults to MaterialTheme.colorScheme.primary.
Typography for supportingText. Defaults to MaterialTheme.typography.bodyMedium.
Color for supportingText. Defaults to MaterialTheme.colorScheme.onSurfaceVariant.
Horizontal alignment of the heading, supporting text, and content inside the Column. Defaults to Alignment.Start.
The section body, rendered below the heading. Receives ColumnScope.