Add support for <Form> tag

This commit is contained in:
Ryan Gossiaux
2021-12-26 18:07:47 -08:00
parent b207405a1e
commit 08021bbf21
2 changed files with 17 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: HTMLFormElement | null = null;
const forwardEvents = forwardEventsBuilder(get_current_component());
</script>
<form bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
<slot />
</form>

View File

@@ -18,6 +18,7 @@ import Dt from "./Dt.svelte";
import Div from "./Div.svelte";
import Em from "./Em.svelte";
import Footer from "./Footer.svelte";
import Form from "./Form.svelte";
import H1 from "./H1.svelte";
import H2 from "./H2.svelte";
import H3 from "./H3.svelte";
@@ -26,6 +27,7 @@ import H5 from "./H5.svelte";
import H6 from "./H6.svelte";
import Header from "./Header.svelte";
import I from "./I.svelte";
import Input from "./Input.svelte";
import Label from "./Label.svelte";
import Li from "./Li.svelte";
import Main from "./Main.svelte";
@@ -57,6 +59,7 @@ const components = {
"div": Div,
"em": Em,
"footer": Footer,
"form": Form,
"h1": H1,
"h2": H2,
"h3": H3,
@@ -65,6 +68,7 @@ const components = {
"h6": H6,
"header": Header,
"i": I,
"input": Input,
"label": Label,
"li": Li,
"main": Main,