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 labels: { control: { type: "boolean" } }
13 },
14 args: {
15 page: 1,
16 total: 10
17 }
18 });
19</script>
20
21<Story name="FirstPage" args={{ page: 1, total: 10 }} />
22<Story name="MiddlePage" args={{ page: 5, total: 10 }} />
23<Story name="LastPage" args={{ page: 10, total: 10 }} />
24<Story name="FewPages" args={{ page: 2, total: 3 }} />
25<Story name="SinglePage" args={{ page: 1, total: 1 }} />
26<Story name="ManyPages" args={{ page: 12, total: 40 }} />
27<Story name="WithLabels" args={{ page: 5, total: 10, labels: true }} />