From 0a6cbb6b2495bc5b0296456aeed65c28f7171502 Mon Sep 17 00:00:00 2001 From: Marin Atanasov <8436925+tyxla@users.noreply.github.com> Date: Thu, 17 Oct 2024 14:01:57 +0300 Subject: [PATCH] ItemGroup: Improve stories to default to bordered and separated (#66191) * ItemGroup: Improve stories to default to bordered * Inherit default story args Co-authored-by: tyxla Co-authored-by: ciampo --- .../src/item-group/stories/index.story.tsx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/components/src/item-group/stories/index.story.tsx b/packages/components/src/item-group/stories/index.story.tsx index 473cdfedbf4f1..99309b81ea314 100644 --- a/packages/components/src/item-group/stories/index.story.tsx +++ b/packages/components/src/item-group/stories/index.story.tsx @@ -37,6 +37,8 @@ const Template: StoryFn< typeof ItemGroup > = ( props ) => ( export const Default: StoryFn< typeof ItemGroup > = Template.bind( {} ); Default.args = { + isBordered: true, + isSeparated: true, children: ( [ { @@ -67,6 +69,7 @@ export const NonClickableItems: StoryFn< typeof ItemGroup > = Template.bind( {} ); NonClickableItems.args = { + ...Default.args, children: ( [ { @@ -83,6 +86,7 @@ NonClickableItems.args = { export const CustomItemSize: StoryFn< typeof ItemGroup > = Template.bind( {} ); CustomItemSize.args = { + ...Default.args, children: ( [ { @@ -98,9 +102,9 @@ CustomItemSize.args = { ).map( mapPropsToItem ), }; -export const WithBorder: StoryFn< typeof ItemGroup > = Template.bind( {} ); -WithBorder.args = { +export const WithoutBorder: StoryFn< typeof ItemGroup > = Template.bind( {} ); +WithoutBorder.args = { ...Default.args, - isBordered: true, - isSeparated: true, + isBordered: false, + isSeparated: false, };