aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/posts-list.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-21 18:42:19 +0200
committerArmand Philippot <git@armandphilippot.com>2022-05-21 19:24:48 +0200
commit4581c262ca06704baaa3c0a172d509207f41f5c3 (patch)
tree45ef2fe8eafbcb3c54d7e4bee708299da40c715c /src/components/organisms/layout/posts-list.stories.tsx
parent0145e687ccd49da08982f6e281ebcbdcb9ef74a7 (diff)
chore: complete Storybook stories
Diffstat (limited to 'src/components/organisms/layout/posts-list.stories.tsx')
-rw-r--r--src/components/organisms/layout/posts-list.stories.tsx44
1 files changed, 44 insertions, 0 deletions
diff --git a/src/components/organisms/layout/posts-list.stories.tsx b/src/components/organisms/layout/posts-list.stories.tsx
index 77318f4..96fb2f0 100644
--- a/src/components/organisms/layout/posts-list.stories.tsx
+++ b/src/components/organisms/layout/posts-list.stories.tsx
@@ -10,10 +10,26 @@ export default {
args: {
byYear: false,
isLoading: false,
+ pageNumber: 1,
showLoadMoreBtn: false,
+ siblings: 1,
titleLevel: 2,
},
argTypes: {
+ baseUrl: {
+ control: {
+ type: 'text',
+ },
+ description: 'The pagination base url.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: '/page/' },
+ },
+ type: {
+ name: 'string',
+ required: false,
+ },
+ },
byYear: {
control: {
type: 'boolean',
@@ -55,6 +71,20 @@ export default {
required: false,
},
},
+ pageNumber: {
+ control: {
+ type: 'number',
+ },
+ description: 'The current page number.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: 1 },
+ },
+ type: {
+ name: 'number',
+ required: false,
+ },
+ },
posts: {
description: 'The posts data.',
type: {
@@ -77,6 +107,20 @@ export default {
required: false,
},
},
+ siblings: {
+ control: {
+ type: 'number',
+ },
+ description: 'The number of page siblings inside pagination.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: 1 },
+ },
+ type: {
+ name: 'number',
+ required: false,
+ },
+ },
titleLevel: {
control: {
type: 'number',