Add Label custom element

This commit is contained in:
Ryan Gossiaux
2021-12-20 17:44:00 -08:00
parent c69de8050f
commit 31ac0934b0
2 changed files with 16 additions and 0 deletions

View File

@@ -0,0 +1,14 @@
<script lang="ts">
import { ActionArray, useActions } from "$lib/hooks/use-actions";
import { get_current_component } from "svelte/internal";
import { forwardEventsBuilder } from "../forwardEventsBuilder";
export let use: ActionArray = [];
export let el: HTMLLabelElement | null = null;
const forwardEvents = forwardEventsBuilder(get_current_component());
</script>
<!-- svelte-ignore a11y-label-has-associated-control -->
<label bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
<slot />
</label>

View File

@@ -23,6 +23,7 @@ import H5 from "./H5.svelte";
import H6 from "./H6.svelte";
import Header from "./Header.svelte";
import I from "./I.svelte";
import Label from "./Label.svelte";
import Li from "./Li.svelte";
import Main from "./Main.svelte";
import Nav from "./Nav.svelte";
@@ -58,6 +59,7 @@ const components = {
"h6": H6,
"header": Header,
"i": I,
"label": Label,
"li": Li,
"main": Main,
"nav": Nav,