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