Outlined cards contain content and actions that relate information about a subject.
ClickableOutlinedCardSample
@Preview
@Composable
fun ClickableOutlinedCardSample() {
OutlinedCard(
onClick = { /* Do something */ },
modifier = Modifier.size(width = 180.dp, height = 100.dp),
) {
Box(Modifier.fillMaxSize()) { Text("Clickable", Modifier.align(Alignment.Center)) }
}
}
OutlinedCardSample
@Preview
@Composable
fun OutlinedCardSample() {
OutlinedCard(Modifier.size(width = 180.dp, height = 100.dp)) {
Box(Modifier.fillMaxSize()) { Text("Card content", Modifier.align(Alignment.Center)) }
}
}