Add <dt> <dd> <dl> element support for as=

This commit is contained in:
Ryan Gossiaux
2021-12-22 15:07:05 -08:00
parent d91835c221
commit 014357833f
3 changed files with 39 additions and 0 deletions

View File

@@ -0,0 +1,13 @@
<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: HTMLElement | null = null;
const forwardEvents = forwardEventsBuilder(get_current_component());
</script>
<dd bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
<slot />
</dd>

View File

@@ -0,0 +1,13 @@
<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: HTMLElement | null = null;
const forwardEvents = forwardEventsBuilder(get_current_component());
</script>
<dl bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
<slot />
</dl>

View File

@@ -0,0 +1,13 @@
<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: HTMLElement | null = null;
const forwardEvents = forwardEventsBuilder(get_current_component());
</script>
<dt bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
<slot />
</dt>