diff options
| -rw-r--r-- | src/lib/Settings/SettingCheckboxToggle.svelte | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte index d053caef..85b4f0cd 100644 --- a/src/lib/Settings/SettingCheckboxToggle.svelte +++ b/src/lib/Settings/SettingCheckboxToggle.svelte @@ -1,5 +1,6 @@ <script lang="ts"> import Spacer from "$lib/Layout/Spacer.svelte"; +import tooltip from "$lib/Tooltip/tooltip"; import settings, { type Settings } from "$stores/settings"; type BooleanSettingsKeys<T> = { @@ -17,6 +18,7 @@ export let onChange: () => void = () => { }; export let invert = false; export let id: string | null = null; +export let tooltipText: string | undefined = undefined; $: checked = setting ? invert @@ -63,6 +65,9 @@ const flip = () => { <input type="checkbox" onchange={check} bind:checked {id} /> <span + title={tooltipText} + use:tooltip + data-tooltip-disable={tooltipText === undefined} onclick={flip} onkeydown={() => { return; |