core/dev.kindling.core.components.ui.card/KCard

KCard

fun KCard(modifier: Modifier = Modifier, size: KCardSize = KCardSize.Default, image: Painter? = null, content: @Composable ColumnScope.() -> Unit)(source)

Shadcn/ui-style Card root — mirrors card.tsx.

Cards are used to group related information and actions into a single container. They support an optional top image and structured sub-components like KCardHeader, KCardContent, and KCardFooter.

Example usage:

KCard(
    image = painterResource(Res.drawable.card_image),
    modifier = Modifier.width(300.dp)
) {
    KCardHeader {
        KCardTitle("Kindling Card")
        KCardDescription("A flexible card component for your UI.")
    }
    KCardContent {
        Text("This is the main content area of the card.")
    }
    KCardFooter {
        KButton("View More", onClick = { /* ... */})
    }
}

Parameters

modifier

The modifier to be applied to the card surface.

size

The size variant of the card (e.g., KCardSize.Default, KCardSize.Sm).

image

Optional painter for a top-aligned cover image.

content

The structured content of the card.