KPI grid

Overview

Users

12.4k

8.1%

Revenue

$8.2k

3.4%

Churn

2.1%

0.5%

Sessions

48k

12%

Installation

caveui components are copy-paste Jetpack Compose built entirely on Material 3 — there's no caveui dependency to add. Make sure Material 3 is on your classpath (it ships with the Compose BOM), then copy the Usage snippet below into your project.

kotlin

// build.gradle.kts (module)
dependencies {
    implementation(platform("androidx.compose:compose-bom:2025.06.00"))
    implementation("androidx.compose.material3:material3")
}

Usage

kotlin

CaveCard {
    Text("Overview", style = typography.titleMedium)
    Row(horizontalArrangement = Arrangement.spacedBy(16.dp)) {
        KpiCell("Users", "12.4k", "+8.1%", trendingUp = true)
        KpiCell("Revenue", "$8.2k", "+3.4%", trendingUp = true)
    }
    Row(horizontalArrangement = Arrangement.spacedBy(16.dp)) {
        KpiCell("Churn", "2.1%", "-0.5%", trendingUp = false)
        KpiCell("Sessions", "48k", "+12%", trendingUp = true)
    }
}