Compose Component

OutlinedCard

Outlined Wear Material 3 Card that offers a single slot to take any content.

OutlinedCard social preview

OutlinedCardSample

@Sampled
@Composable
fun OutlinedCardSample() {
    OutlinedCard(onClick = { /* Do something */ }) { Text("Outlined card") }
}

NonClickableOutlinedCardSample

@Sampled
@Composable
fun NonClickableOutlinedCardSample() {
    OutlinedCard { Text("Non-clickable outlined card") }
}
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: