Controlled Checkbox Animation

[schnubor]

Hi,

I was wondering if this component can be controlled and was hoping changing the checked prop would do that, but it doesn't play the animation: https://svelte.dev/repl/97ce63a689d7409c89d7e88899125002?version=3.32.3

Any idea how to correctly play the animation?

Thanks,
Christian

[HosseinShabani]

@schnubor Hi, This can add so simple. Just add handleChange to export object.

[schnubor]

@HosseinShabani Sorry, I don't get it. You got an REPL example?

[schnubor]

Solved it. I tried exporting handleChange in various ways now and couldn't get to work (context="module" etc.)

So I figured I fork this and solve it via reactivity, you can check it in my fork: https://github.com/Perspective-Software/svelte-checkbox/blob/master/Checkbox.svelte

I added a new prop called checkedControlled that you can change from outside. The component listens for it, compares it to the current checked state and triggers handleChange if there is a difference. Not sure if it's worth a PR, I'll let @HosseinShabani decide on that, but maybe someone finds it useful.