Inputsvalidation

Password strength

Password field with a live strength meter that fills as the rule set is met.

Add a symbol for a strong password

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

var pw by remember { mutableStateOf("") }
val score = listOf(
    pw.length >= 8,
    pw.any(Char::isDigit),
    pw.any { !it.isLetterOrDigit() },
).count { it }
Column {
    OutlinedTextField(
        value = pw,
        onValueChange = { pw = it },
        leadingIcon = { Icon(Icons.Filled.Lock, null) },
        visualTransformation = PasswordVisualTransformation(),
    )
    LinearProgressIndicator(
        progress = { score / 3f },
        color = when (score) {
            3 -> Color(0xFF16A34A)
            2 -> Color(0xFFF59E0B)
            else -> Color(0xFFEF4444)
        },
        modifier = Modifier.fillMaxWidth(),
    )
}