feature/book-page (#4)

Co-authored-by: Tim Rijkse <trijkse@gmail.com>
Reviewed-on: #4

js/components/action-links-list.js

@@ -0,0 +1,36 @@
+/**
+ * Action Links List Component
+ * A container for icon link buttons with dividers
+ */
+class ActionLinksList extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  render() {
+    this.shadowRoot.innerHTML = `
+      <style>
+        :host {
+          display: block;
+        }
+
+        .action-links-list {
+          display: flex;
+          flex-direction: column;
+          margin-top: var(--spacing-md, 1rem);
+          gap: var(--spacing-md, 1rem);
+        }
+      </style>
+      <div class="action-links-list">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+
+customElements.define("action-links-list", ActionLinksList);