Request for TriState Checkbox

[kmbisset89]

Love the simplicity of the check box just need one with more states than true/false

@Composable
fun <T> MultiStateCheckbox(
    value: T,
    requestStateChange: (T) -> Unit,
    modifier: Modifier = Modifier,
    /** Provide visuals for each state */
    iconForState: @Composable (T) -> Unit,
    /** Optionally provide semantics / test tags */
    contentDescription: String? = null,
) {
    val ripple = rememberRipple(bounded = true)
    val interactionSource = remember { MutableInteractionSource() }

    Box(
        modifier
            .size(24.dp)
            .clickable(
                interactionSource = interactionSource,
                indication = ripple,
            ) { requestStateChange(value) }      
            .semantics {                      
                this.contentDescription = contentDescription
            },
        contentAlignment = Alignment.Center
    ) {
        // outline box (unchecked look) 
        Canvas(modifier = Modifier.matchParentSize()) {
            val stroke = Stroke(width = 2.dp.toPx())
            drawRoundRect(
                color = MaterialTheme.colorScheme.onSurfaceVariant,
                cornerRadius = CornerRadius(2.dp.toPx()),
                style = stroke
            )
        }

        // state‑specific icon
        iconForState(value)
    }
}

[alexstyl]

Thanks for the request. Can you give me an example of what states you would need other than true/false?

I am aware of checkboxes with 3 states (Material has TriState checkboxes and HTML has intermediate state) but haven't seen any case where more than that is needed.

[kmbisset89]

https://css-tricks.com/indeterminate-checkboxes/

[kmbisset89]

It really is the third state that I would be looking for.

[alexstyl]

Is this something that you have immediate need for?

If yes, it would help a lot if you go over the Material compose component and understand how the tri state is achieve for accessibility purposes.

That would speed things up for me to add it in the collection for you

[kmbisset89]

I will go look it up.

[djeinstine]

Hi. I know its only been a few months but any update on the progress? I'm also looking for a composeable ui-kit tristate checkbox.

[alexstyl]

Thanks for the ping. Let me see if I can squeeze it in the next release for this week

[alexstyl]

Added. It will be available in the next release a3d42f7