Buttonsanimated

Hold to Confirm

A press-and-hold button whose ring fills before the action fires.

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

val progress = remember { Animatable(0f) }
val scope = rememberCoroutineScope()
Box(contentAlignment = Alignment.Center) {
    CircularProgressIndicator(
        progress = { progress.value },
        modifier = Modifier.size(64.dp),
        strokeWidth = 4.dp,
    )
    FilledIconButton(
        onClick = {},
        modifier = Modifier.pointerInput(Unit) {
            detectTapGestures(onPress = {
                scope.launch {
                    progress.animateTo(1f, tween(1200))
                }
            })
        },
    ) {
        Icon(Icons.Filled.Fingerprint, contentDescription = "Hold")
    }
}