Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
52 lines
1.9 KiB
JavaScript
52 lines
1.9 KiB
JavaScript
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
|