How can I animate a checkbox when the `checked` value changes (not from the `onCheckedChange` callba...

# compose

[Luca Nicoletti]

How can I animate a checkbox when the checked value changes (not from the onCheckedChange callback) - a touch form outside the Checkbox bounds (like a “check all”)

[Leo Delon]

are you passing the checked as a parameter of your composable?

[Luca Nicoletti]

Yes

[Leo Delon]

so you already have the behavior and you want the animation

[Luca Nicoletti]

Correct 🙂

[Leo Delon]

Have you looked how is the animation triggered inside of checkbox?

[Luca Nicoletti]

with a rememberRipple? 😄

[Leo Delon]

I haven't looked into it myself but your answer is in there

[Leo Delon]

if the animation is using coroutines you could use a side effect to animate on state change/recomposition

[Luca Nicoletti]

I can apply the ripple where the user clicks with a clickable, but I don’t see how I can trigger it from the outside of the CheckBox function

[Leo Delon]

if you can't manipulate the default checkbox to behave that way you could copy it and customize it yourself

[Leo Delon]

I'd say the question is about UX. If you want to animate them all without user interacting directly with them

[Luca Nicoletti]

If I’m asking here, perhaps it’s because we already agreed to try that solution 🙂

[Leo Delon]

I would try a custom checkbox then

[Luca Nicoletti]

So it’s not doable with what the SDK is giving us, is that what you’re saying?

[Leo Delon]

the default behavior is change state without animation and animation upon interaction

[Leo Delon]

you can copy the sdk checkbox and change that behavior

[Travis Griggs]

"How can I animate a checkbox..." which animation are you looking for? Do you want the same as if they had touched and gotten a ripple? I note that the ripple actually only happens if you do a prolonged click on it. If i tap super fast on them (at least the M3 ones), they just snap to the other state with no ripple. There may be a fast fade there, hard for my eyes to catch it.

[Luca Nicoletti]

Yes, the ripple animation is what I was looking for