Open Loizzus opened 8 months ago
The .checked
or .pressed
properties will give you the current value.
Maybe you meant set the initial value instead? You should be able to pass those into the factory function, e.g.:
const sw = createSwitch({ checked: true })
Ok, so it should look like this? Which seems to work well.
import { createSwitch } from 'svelte-headlessui';
export let mydata;
const sw = createSwitch({ checked: mydata.Display == true });
$: mydata.Display = $sw.checked;
Could you change your example here. I find this example confusing for trying to set the initial value.
const sw = createSwitch({ label: 'Set Preference' })
For a switch in rgossiaux headlessUI I would use something like this:
Where the bind:checked was how I would set the value and have it be changed.
But in my similar implementation for this library:
I'm unsure what is the correct way to bind this switch with a value. The documentation seems to gloss over this.