Add support for <Form> tag
This commit is contained in:
13
src/lib/internal/elements/Form.svelte
Normal file
13
src/lib/internal/elements/Form.svelte
Normal 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>
|
||||||
@@ -18,6 +18,7 @@ import Dt from "./Dt.svelte";
|
|||||||
import Div from "./Div.svelte";
|
import Div from "./Div.svelte";
|
||||||
import Em from "./Em.svelte";
|
import Em from "./Em.svelte";
|
||||||
import Footer from "./Footer.svelte";
|
import Footer from "./Footer.svelte";
|
||||||
|
import Form from "./Form.svelte";
|
||||||
import H1 from "./H1.svelte";
|
import H1 from "./H1.svelte";
|
||||||
import H2 from "./H2.svelte";
|
import H2 from "./H2.svelte";
|
||||||
import H3 from "./H3.svelte";
|
import H3 from "./H3.svelte";
|
||||||
@@ -26,6 +27,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 Input from "./Input.svelte";
|
||||||
import Label from "./Label.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";
|
||||||
@@ -57,6 +59,7 @@ const components = {
|
|||||||
"div": Div,
|
"div": Div,
|
||||||
"em": Em,
|
"em": Em,
|
||||||
"footer": Footer,
|
"footer": Footer,
|
||||||
|
"form": Form,
|
||||||
"h1": H1,
|
"h1": H1,
|
||||||
"h2": H2,
|
"h2": H2,
|
||||||
"h3": H3,
|
"h3": H3,
|
||||||
@@ -65,6 +68,7 @@ const components = {
|
|||||||
"h6": H6,
|
"h6": H6,
|
||||||
"header": Header,
|
"header": Header,
|
||||||
"i": I,
|
"i": I,
|
||||||
|
"input": Input,
|
||||||
"label": Label,
|
"label": Label,
|
||||||
"li": Li,
|
"li": Li,
|
||||||
"main": Main,
|
"main": Main,
|
||||||
|
|||||||
Reference in New Issue
Block a user