Subida del módulo y tema de PrestaShop

themes/hummingbird/stories/ui/modal/index.stories.js

@@ -0,0 +1,21 @@
+import modalContent from './modal.html';
+
+export default {
+  title: 'UI/Modals',
+  parameters: {
+    docs: {
+      description: {
+        component: 'Modals are used to display content in a dialog box that overlays the main content.'
+      }
+    }
+  }
+};
+
+export const Modal = () => modalContent;
+Modal.parameters = {
+  docs: {
+    source: {
+      code: modalContent
+    }
+  }
+};

themes/hummingbird/stories/ui/modal/modal.html

@@ -0,0 +1,26 @@
+<button
+  type="button"
+  class="btn btn-primary"
+  data-bs-toggle="modal"
+  data-bs-target="#exampleModal"
+>
+  Launch demo modal
+</button>
+
+<div class="modal" id="exampleModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Modal title</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>Modal body text goes here.</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-primary">Save changes</button>
+      </div>
+    </div>
+  </div>
+</div>