Stylish
A lazily-composed vertical group of connected cards that share outlines and corner radii, suited for long scrollable card lists.
This is the Finish-layer component: it supplies the Stylish card rendering (DefaultStylishConnectedCardItem) to the headless Structure layout ConnectedCardLazyColumn, which owns arrangement and connection geometry. Only the visible cards are composed, while the connection geometry is computed exactly as in the eager StylishConnectedCardColumn: the first card rounds only its top corners, the last card rounds only its bottom corners, and middle cards have square corners with shared horizontal outlines. Pass a custom card to override the Stylish rendering while keeping the connected geometry.
Parameters
The list of StylishConnectedCardItem data objects that describe each card's title, supporting text, click actions, and slot content.
The vertical gap between adjacent cards. Defaults to StylishTheme.dimensions.connectedSpacing (3 dp).
PaddingValues applied around the entire lazy list. Defaults to StylishTheme.dimensions.controlPadding horizontal padding.
Optional stable and unique key factory used to preserve item state across moves.
LazyListState controlling scroll position. Defaults to rememberLazyListState. Supply a hoisted state to observe scroll offset or programmatically scroll.
Background color of each card. When null, defaults to MaterialTheme.stylishComponentColors.groupedContainer.
Content color of each card. When null, defaults to an enabled/disabled-aware color.
Background color of each card when its StylishConnectedCardItem.enabled is false.
Content color of each card when its StylishConnectedCardItem.enabled is false.
The TextStyle applied to each card's title.
The TextStyle applied to each card's supporting text.
Maximum number of lines for each card's title. Defaults to 1.
The TextOverflow strategy for each card's title. Defaults to TextOverflow.Ellipsis.
Maximum number of lines for each card's supporting text. Defaults to 1.
The TextOverflow strategy for each card's supporting text. Defaults to TextOverflow.Ellipsis.
Minimum height of each card body. Defaults to StylishTheme.dimensions.cardMinHeight (77 dp).
Horizontal padding inside each card. Defaults to StylishTheme.dimensions.controlPadding (16 dp).
Vertical padding inside each card. Defaults to StylishTheme.dimensions.controlVerticalPadding (12 dp).
Horizontal gap between slots inside each card. Defaults to StylishTheme.dimensions.itemSpacing (8 dp).
Vertical gap between title and supporting text inside each card. Defaults to StylishTheme.dimensions.inlineSpacing (4 dp).
A composable lambda that renders a single card. Receives the item data, a modifier (fill-max-width), the connected Shape, the outline ConnectedEdges, and the outline ConnectedCorners. Defaults to DefaultStylishConnectedCardItem, which delegates to the com.segnities007.stylishui.components.atoms.StylishConnectedCard atom with the styling parameters above.