Make some changes to on:change

2022-05-25 16:41:59 -07:00
parent f3dbbc3f6c
commit 2821823e02
3 changed files with 3 additions and 5 deletions
--- a/src/routes/switch/switch-with-pure-tailwind.svelte
+++ b/src/routes/switch/switch-with-pure-tailwind.svelte
@@ -14,8 +14,7 @@

    <Switch
      as="button"
-      checked={state}
-      on:change={(event) => (state = event.detail)}
+      bind:checked={state}
      class={({ checked }) =>
        classNames(
          "relative inline-flex flex-shrink-0 h-6 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:shadow-outline transition-colors ease-in-out duration-200",