diff options
| author | Adam Soltys <[email protected]> | 2024-11-07 21:16:25 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-08 09:27:40 -0800 |
| commit | 32fcc461cd43c8907df5e306d520bb671307eab1 (patch) | |
| tree | 0253780c569998b6c1a5f43026586e94916c3fee /src/components/Toggle.svelte | |
| parent | be5aa52cea1d57c875cfb22d25c6a866b8de2239 (diff) | |
| download | coinos-ui-32fcc461cd43c8907df5e306d520bb671307eab1.tar.gz coinos-ui-32fcc461cd43c8907df5e306d520bb671307eab1.zip | |
svelte 5
Diffstat (limited to 'src/components/Toggle.svelte')
| -rw-r--r-- | src/components/Toggle.svelte | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/Toggle.svelte b/src/components/Toggle.svelte index 2f92837d..0bc319ab 100644 --- a/src/components/Toggle.svelte +++ b/src/components/Toggle.svelte @@ -1,6 +1,5 @@ <script> - export let id; - export let value; + let { id, value = $bindable() } = $props(); </script> <label for={id} class="inline-flex relative items-center mr-5 cursor-pointer"> @@ -13,5 +12,5 @@ /> <div class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-gray-300 dark:peer-focus:ring-gray-800 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-green-500" - /> +></div> </label> |