From 2da037944b89cf6d4c1f278c9bc273a301d6a103 Mon Sep 17 00:00:00 2001 From: Ayo Ayco Date: Thu, 6 Oct 2022 17:57:39 +0200 Subject: [PATCH] feat: implement only one submit control (#59) * feat: implement submit control * refactor: remove label --- demo/src/pages/index.astro | 10 ++++++++-- packages/astro-reactive-form/Form.astro | 7 ++++--- .../astro-reactive-form/core/form-control-types.ts | 4 ++-- packages/astro-reactive-form/core/index.ts | 1 + 4 files changed, 15 insertions(+), 7 deletions(-) diff --git a/demo/src/pages/index.astro b/demo/src/pages/index.astro index 2326b96..b481ea5 100644 --- a/demo/src/pages/index.astro +++ b/demo/src/pages/index.astro @@ -6,7 +6,7 @@ const form = new FormGroup([ { name: "username", label: "Username", - placeholder: "astroIscool" + placeholder: "astroIscool", }, { name: "password", @@ -45,6 +45,12 @@ form.get("is-awesome")?.setValue("checked");

Astro Reactive Form

-
+ diff --git a/packages/astro-reactive-form/Form.astro b/packages/astro-reactive-form/Form.astro index 53e60fc..434e765 100644 --- a/packages/astro-reactive-form/Form.astro +++ b/packages/astro-reactive-form/Form.astro @@ -1,18 +1,19 @@ --- -import type { FormControl, FormGroup } from './core'; +import { Submit, FormGroup, FormControl } from './core'; import Field from './components/Field.astro'; import FieldSet from './components/FieldSet.astro'; export interface Props { - submitControl?: FormControl; + submitControl?: Submit; formGroups: FormGroup[]; } const { submitControl, formGroups } = Astro.props; --- + {formGroups?.map((group) =>
)} - {submitControl && ()} + {submitControl && }