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 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,
|
||||
|
||||
Reference in New Issue
Block a user