alice.pds.demo.boltless.dev
This repository has no description
1<script module lang="ts">
2 import { defineMeta } from "@storybook/addon-svelte-csf";
3 import Pagination from "./Pagination.svelte";
4
5 const { Story } = defineMeta({
6 title: "UI/Pagination",
7 component: Pagination,
8 tags: ["autodocs"],
9 argTypes: {
10 page: { control: { type: "number" } },
11 total: { control: { type: "number" } }
12 },
13 args: {
14 page: 1,
15 total: 10
16 }
17 });
18</script>
19
20<Story name="FirstPage" args={{ page: 1, total: 10 }} />
21<Story name="MiddlePage" args={{ page: 5, total: 10 }} />
22<Story name="LastPage" args={{ page: 10, total: 10 }} />
23<Story name="FewPages" args={{ page: 2, total: 3 }} />
24<Story name="SinglePage" args={{ page: 1, total: 1 }} />
25<Story name="ManyPages" args={{ page: 12, total: 40 }} />