Static Site

Static/package/dist/collection/components/pagination/pagination.stories.js

@@ -0,0 +1,51 @@
+import { action } from "@storybook/addon-actions";
+export default {
+  title: "Components/Pagination",
+  // tags: ['autodocs'],
+  args: {
+    total: 50,
+    currentPage: 1
+  },
+  argTypes: {
+    ifxPageChange: {
+      action: 'ifxPageChange',
+      description: 'Custom event emitted page is changed',
+      table: {
+        type: {
+          summary: 'Framework integration',
+          detail: 'React: onIfxPageChange={handlePageChange}\nVue:@ifxPageChange="handlePageChange"\nAngular:(ifxPageChange)="handlePageChange()"\nVanillaJs:.addEventListener("ifxPageChange", (event) => {//handle page change});',
+        },
+      },
+    },
+    ifxNextPage: {
+      action: 'ifxNextPage',
+      description: 'Custom event emitted when next page button clicked',
+      table: {
+        type: {
+          summary: 'Framework integration',
+          detail: 'React: onIfxNextPage={handlePageChange}\nVue:@ifxNextPage="handlePageChange"\nAngular:(ifxNextPage)="handlePageChange()"\nVanillaJs:.addEventListener("ifxNextPage", (event) => {//handle page change});',
+        },
+      },
+    },
+    ifxPrevPage: {
+      action: 'ifxPrevPage',
+      description: 'Custom event emitted when previous page button clicked',
+      table: {
+        type: {
+          summary: 'Framework integration',
+          detail: 'React: onIfxPrevPage={handlePageChange}\nVue:@ifxPrevPage="handlePageChange"\nAngular:(ifxPrevPage)="handlePageChange()"\nVanillaJs:.addEventListener("ifxPrevPage", (event) => {//handle page change});',
+        },
+      },
+    },
+  }
+};
+const DefaultTemplate = (args) => {
+  const element = document.createElement('ifx-pagination');
+  element.setAttribute('total', args.total);
+  element.setAttribute('current-page', args.currentPage);
+  element.addEventListener('ifxPageChange', action('ifxPageChange'));
+  return element;
+};
+export const Default = DefaultTemplate.bind({});
+Default.argTypes = {};
+//# sourceMappingURL=pagination.stories.js.map