You've already forked AstralRinth
forked from didirus/AstralRinth
* add storybook * clean up stories * small fix * add stories for all components * add vintl * default to dark mode * fix teleport * add theme addon * add new modal story * delete broken stories * move all stories to central stories folder * fix paths * add pnpm run storybook * remove chromatic * add add-stories.md * fix types * fix unncessary args field * cover more addordion states * pt2 * remove old vintl * fix: missing style + ctx --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
47 lines
650 B
TypeScript
47 lines
650 B
TypeScript
import type { Meta, StoryObj } from '@storybook/vue3-vite'
|
|
|
|
import Pagination from '../../components/base/Pagination.vue'
|
|
|
|
const meta = {
|
|
title: 'Base/Pagination',
|
|
component: Pagination,
|
|
} satisfies Meta<typeof Pagination>
|
|
|
|
export default meta
|
|
type Story = StoryObj<typeof meta>
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
page: 1,
|
|
count: 10,
|
|
},
|
|
}
|
|
|
|
export const MiddlePage: Story = {
|
|
args: {
|
|
page: 5,
|
|
count: 10,
|
|
},
|
|
}
|
|
|
|
export const LastPage: Story = {
|
|
args: {
|
|
page: 10,
|
|
count: 10,
|
|
},
|
|
}
|
|
|
|
export const FewPages: Story = {
|
|
args: {
|
|
page: 1,
|
|
count: 3,
|
|
},
|
|
}
|
|
|
|
export const ManyPages: Story = {
|
|
args: {
|
|
page: 50,
|
|
count: 100,
|
|
},
|
|
}
|