Iconsanimated

Copy → done

A copy icon that confirms by morphing into a checkmark for a moment after copying.

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

@Composable
fun CopyButton(clipboard: ClipboardManager, text: String) {
    var copied by remember { mutableStateOf(false) }
    IconButton(onClick = {
        clipboard.setText(AnnotatedString(text)); copied = true
    }) {
        AnimatedContent(
            targetState = copied,
            transitionSpec = { (scaleIn() + fadeIn()) togetherWith (scaleOut() + fadeOut()) },
            label = "copy",
        ) { done ->
            Icon(
                if (done) Icons.Filled.Check else Icons.Filled.ContentCopy,
                contentDescription = if (done) "Copied" else "Copy",
                tint = if (done) Color(0xFF16A34A) else LocalContentColor.current,
            )
        }
    }
    LaunchedEffect(copied) { if (copied) { delay(1200); copied = false } }
}