Inputschipsicon

Filter chips

Search field with removable active-filter chips rendered inside the leading area.

OpenMine

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 q by remember { mutableStateOf("") }
var filters by remember { mutableStateOf(listOf("Open", "Mine")) }
Row(
    verticalAlignment = Alignment.CenterVertically,
    modifier = Modifier
        .border(1.dp, MaterialTheme.colorScheme.outline,
            MaterialTheme.shapes.medium)
        .padding(horizontal = 8.dp),
) {
    Icon(Icons.Filled.Search, contentDescription = null)
    filters.forEach { f ->
        InputChip(
            selected = true,
            onClick = { filters = filters - f },
            label = { Text(f) },
            trailingIcon = { Icon(Icons.Filled.Close, null) },
        )
    }
    BasicTextField(
        value = q, onValueChange = { q = it },
        modifier = Modifier.weight(1f),
    )
}