1 files changed, 14 insertions, 0 deletions
diff --git a/src/lib/components/RegularList.svelte b/src/lib/components/RegularList.svelte
new file mode 100644
index 0000000..dd8fb7a
--- /dev/null
+++ b/src/lib/components/RegularList.svelte
@@ -0,0 +1,14 @@
+<script>
+  import ToggleButton from "./ToggleButton.svelte";
+  import { getRegulars, toggleRegular } from "../stores/regulars.svelte.js";
+</script>
+
+<div id="Regular-list" class="grid-container">
+  {#each getRegulars() as regular (regular.id)}
+    <ToggleButton
+      label={regular.name}
+      active={regular.status}
+      onclick={() => toggleRegular(regular.id)}
+    />
+  {/each}
+</div>