aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/posts-list.stories.tsx
diff options
context:
space:
mode:
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 de0478f..77318f4 100644
--- a/src/components/organisms/layout/posts-list.stories.tsx
+++ b/src/components/organisms/layout/posts-list.stories.tsx
@@ -9,6 +9,9 @@ export default {
component: PostsList,
args: {
byYear: false,
+ isLoading: false,
+ showLoadMoreBtn: false,
+ titleLevel: 2,
},
argTypes: {
byYear: {
@@ -25,6 +28,33 @@ export default {
required: false,
},
},
+ isLoading: {
+ control: {
+ type: 'boolean',
+ },
+ description: 'Determine if the data is loading.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: false },
+ },
+ type: {
+ name: 'boolean',
+ required: false,
+ },
+ },
+ loadMore: {
+ control: {
+ type: null,
+ },
+ description: 'A function to load more posts on button click.',
+ table: {
+ category: 'Events',
+ },
+ type: {
+ name: 'function',
+ required: false,
+ },
+ },
posts: {
description: 'The posts data.',
type: {
@@ -33,6 +63,20 @@ export default {
value: {},
},
},
+ showLoadMoreBtn: {
+ control: {
+ type: 'boolean',
+ },
+ description: 'Determine if the load more button should be visible.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: false },
+ },
+ type: {
+ name: 'boolean',
+ required: false,
+ },
+ },
titleLevel: {
control: {
type: 'number',