diff --git a/src/app/components/settings-base-list/settings-base-list.html b/src/app/components/settings-base-list/settings-base-list.html
new file mode 100644
index 0000000..3e71e1e
--- /dev/null
+++ b/src/app/components/settings-base-list/settings-base-list.html
@@ -0,0 +1,2 @@
+<app-simple-list-w-actions [items]="(data$|async) ?? []" (action)="edit($event)"/>
+<app-floating-big-btn icon="add" (bigClick)="add()"/>
\ No newline at end of file
diff --git a/src/app/components/settings-base-list/settings-base-list.scss b/src/app/components/settings-base-list/settings-base-list.scss
new file mode 100644
index 0000000..6a25b44
--- /dev/null
+++ b/src/app/components/settings-base-list/settings-base-list.scss
@@ -0,0 +1,5 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
\ No newline at end of file
diff --git a/src/app/components/settings-base-list/settings-base-list.ts b/src/app/components/settings-base-list/settings-base-list.ts
new file mode 100644
index 0000000..6708384
--- /dev/null
+++ b/src/app/components/settings-base-list/settings-base-list.ts
@@ -0,0 +1,9 @@
+import { Observable } from 'rxjs';
+import { SimpleListItem } from '../simple-list-w-actions/SimpleListItem';
+
+export abstract class SettingsBaseList {
+  abstract data$: Observable<SimpleListItem[]>;
+  
+  protected abstract edit(action: { action: string; subject: string }): void;
+  protected abstract add(): void;
+}