diff options
| author | Adrien Hopkins <[email protected]> | 2022-08-08 07:42:39 -0500 |
|---|---|---|
| committer | Adrien Hopkins <[email protected]> | 2022-08-08 07:42:39 -0500 |
| commit | f7aaa86c851d456a3426157bc04cdbfeecd1716b (patch) | |
| tree | 09892fccf026827fade28f4d76922fdcd514db64 /src/components/Toggle.svelte | |
| parent | ffc36d48b11045708967637832d959cade58b8eb (diff) | |
| parent | 93f9d0abf58c5b5154e35b63524405554042bef1 (diff) | |
| download | coinos-ui-f7aaa86c851d456a3426157bc04cdbfeecd1716b.tar.gz coinos-ui-f7aaa86c851d456a3426157bc04cdbfeecd1716b.zip | |
Merge branch 'master' into i18n
Diffstat (limited to 'src/components/Toggle.svelte')
| -rw-r--r-- | src/components/Toggle.svelte | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/components/Toggle.svelte b/src/components/Toggle.svelte new file mode 100644 index 00000000..85fd08d5 --- /dev/null +++ b/src/components/Toggle.svelte @@ -0,0 +1,12 @@ +<script> + export let id; + export let checked; + export let value; +</script> + +<label for={id} class="inline-flex relative items-center mr-5 cursor-pointer"> + <input type="checkbox" {value} {checked} {id} class="sr-only peer" /> + <div + class="w-11 h-6 bg-gray-200 rounded-full peer dark:bg-gray-700 peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-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-600" + /> +</label> |