Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 9x 9x 9x 9x 9x 9x 9x 9x 9x 9x 9x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { Story, Meta } from '@storybook/react'
import { useState } from 'react'
import { AdminPagination, AdminPaginationProps } from './admin-pagination'
export default {
title: 'Shared/Admin Pagination',
component: AdminPagination,
argTypes: {
loading: {
control: 'boolean',
defaultValue: false,
},
},
args: {
pageSizeTitle: 'Строк на странице:',
pageSizeOptions: [5, 10, 15, 20, 30, 40, 50],
totalItems: 150,
},
} as Meta
const Template: Story<AdminPaginationProps> = args => {
const [page, onPageChange] = useState(1)
const [pageSize, onPageSizeChange] = useState(5)
return (
<AdminPagination
{...args}
page={page}
pageSize={pageSize}
onPageChange={onPageChange}
onPageSizeChange={onPageSizeChange}
/>
)
}
export const Default = Template.bind({})
Default.args = {}
export const Disabled = Template.bind({})
Disabled.args = {
disabled: true,
}
export const WithPageSize = Template.bind({})
WithPageSize.args = {
withPageSize: true,
showTotal: true,
}
|