diff --git a/packages/astro-reactive-form/Form.astro b/packages/astro-reactive-form/Form.astro
index a4e3fbb..53e60fc 100644
--- a/packages/astro-reactive-form/Form.astro
+++ b/packages/astro-reactive-form/Form.astro
@@ -1,15 +1,18 @@
 ---
-import type { FormGroup } from './core';
+import type { FormControl, FormGroup } from './core';
+import Field from './components/Field.astro';
 import FieldSet from './components/FieldSet.astro';
 
 export interface Props {
+	submitControl?: FormControl;
 	formGroups: FormGroup[];
 }
 
-const { formGroups } = Astro.props;
+const { submitControl, formGroups } = Astro.props;
 ---
 <form class="light">
 	{formGroups?.map((group) => <FieldSet group={group} />)}
+	{submitControl && (<Field control={submitControl} />)}
 </form>
 
 <style>
diff --git a/packages/astro-reactive-form/core/form-group.ts b/packages/astro-reactive-form/core/form-group.ts
index b9eb3a6..5eaa077 100644
--- a/packages/astro-reactive-form/core/form-group.ts
+++ b/packages/astro-reactive-form/core/form-group.ts
@@ -7,7 +7,9 @@ export class FormGroup {
 
 	constructor(controls: FormControlBase[], name = '') {
 		this.name = name;
-		this.controls = controls.map((control) => new FormControl(control));
+		this.controls = controls
+			.filter(control => control.type !== 'submit')
+			.map(control => new FormControl(control));
 	}
 
 	get(name: string): FormControl | undefined {