diff --git a/src/lib/components/elementCount.svelte b/src/lib/components/elementCount.svelte
new file mode 100644
index 000000000..f7b3724de
--- /dev/null
+++ b/src/lib/components/elementCount.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    export let count: number = 0;
+</script>
+
+<p>{count} <slot /> found</p>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index de82e5414..1cf2a6938 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -16,3 +16,4 @@ export { default as Collapsible } from './collapsible.svelte';
 export { default as Avatar } from './avatar.svelte';
 export { default as SwitchBox } from './switchBox.svelte';
 export { default as SwitchBoxes } from './switchBoxes.svelte';
+export { default as ElementCount } from './elementCount.svelte';
diff --git a/tests/unit/components/elementCount.test.ts b/tests/unit/components/elementCount.test.ts
new file mode 100644
index 000000000..f97ed6b48
--- /dev/null
+++ b/tests/unit/components/elementCount.test.ts
@@ -0,0 +1,10 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/svelte';
+import { ElementCount } from '../../../src/lib/components';
+
+test('shows correct count', () => {
+    const { getByText } = render(ElementCount, {
+        count: 1
+    });
+    expect(getByText(/1/i)).toBeInTheDocument();
+});