From dab72bb270ee2ee47a0b472d5e9e240cba7cbf0f Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 13 May 2022 15:39:55 +0200 Subject: chore: handle blog pagination --- .../organisms/layout/posts-list.stories.tsx | 44 ++++++++++++++++++++++ 1 file changed, 44 insertions(+) (limited to 'src/components/organisms/layout/posts-list.stories.tsx') 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', -- cgit v1.2.3