diff --git a/src/app/components/settings-base-add/settings-base-add.html b/src/app/components/settings-base-add/settings-base-add.html
new file mode 100644
index 0000000..4852b7b
--- /dev/null
+++ b/src/app/components/settings-base-add/settings-base-add.html
@@ -0,0 +1,8 @@
+<h3>{{title|translate|upperfirst}}</h3>
+<ng-content></ng-content>
+<app-action-btn
+  (click)="save()"
+  [disabled]="this.form.invalid"
+  class="top-auto"
+  text="{{'common.save'|translate|upperfirst}}"
+/>
diff --git a/src/app/components/settings-base-add/settings-base-add.scss b/src/app/components/settings-base-add/settings-base-add.scss
new file mode 100644
index 0000000..2e20835
--- /dev/null
+++ b/src/app/components/settings-base-add/settings-base-add.scss
@@ -0,0 +1,9 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+h3 {
+  margin-top: 0;
+}
\ No newline at end of file
diff --git a/src/app/components/settings-base-add/settings-base-add.ts b/src/app/components/settings-base-add/settings-base-add.ts
new file mode 100644
index 0000000..c04dbb5
--- /dev/null
+++ b/src/app/components/settings-base-add/settings-base-add.ts
@@ -0,0 +1,8 @@
+import { FormGroup } from '@angular/forms';
+
+export abstract class SettingsBaseAdd {
+  title = '';
+  form = new FormGroup({})
+  
+  protected abstract save(): Promise<void>
+}