Add Label custom element
This commit is contained in:
14
src/lib/internal/elements/Label.svelte
Normal file
14
src/lib/internal/elements/Label.svelte
Normal 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>
|
||||||
@@ -23,6 +23,7 @@ import H5 from "./H5.svelte";
|
|||||||
import H6 from "./H6.svelte";
|
import H6 from "./H6.svelte";
|
||||||
import Header from "./Header.svelte";
|
import Header from "./Header.svelte";
|
||||||
import I from "./I.svelte";
|
import I from "./I.svelte";
|
||||||
|
import Label from "./Label.svelte";
|
||||||
import Li from "./Li.svelte";
|
import Li from "./Li.svelte";
|
||||||
import Main from "./Main.svelte";
|
import Main from "./Main.svelte";
|
||||||
import Nav from "./Nav.svelte";
|
import Nav from "./Nav.svelte";
|
||||||
@@ -58,6 +59,7 @@ const components = {
|
|||||||
"h6": H6,
|
"h6": H6,
|
||||||
"header": Header,
|
"header": Header,
|
||||||
"i": I,
|
"i": I,
|
||||||
|
"label": Label,
|
||||||
"li": Li,
|
"li": Li,
|
||||||
"main": Main,
|
"main": Main,
|
||||||
"nav": Nav,
|
"nav": Nav,
|
||||||
|
|||||||
Reference in New Issue
Block a user