public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Also fix label/description context usage

Browse Source
This commit is contained in:
Ryan Gossiaux
2021-12-15 10:31:14 -08:00
parent dbfb2c227e
commit 543c1263e3
5 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/components/switch/Switch.svelte
View File

@@ -1,7 +1,10 @@
<script lang="ts">
import { useSwitchContext } from "./SwitchGroup.svelte";
import type { LabelContext } from "$lib/components/label/LabelProvider.svelte";
import type { DescriptionContext } from "$lib/components/description/DescriptionProvider.svelte";
import {
DescriptionContext,
useDescriptionContext,
} from "$lib/components/description/DescriptionProvider.svelte";
import { useId } from "$lib/hooks/use-id";
import { Keys } from "$lib/utils/keyboard";
import { getContext, createEventDispatcher } from "svelte";
@@ -13,9 +16,7 @@
let labelContext: Writable<LabelContext> | undefined = getContext(
"headlessui-label-context"
);
let descriptionContext: Writable<DescriptionContext> | undefined = getContext(
"headlessui-description-context"
);
let descriptionContext = useDescriptionContext();
let id = `headlessui-switch-${useId()}`;
$: switchStore = $api?.switchStore;
let internalSwitchRef = null;