From c711f8d239faa7725c7369a3f76c8b228a94ba9a Mon Sep 17 00:00:00 2001
From: Zlodej43sm <8863227+Zlodej43sm@users.noreply.github.com>
Date: Mon, 17 Aug 2026 10:20:54 +0200
Subject: [PATCH 1/2] feat: Remove isInline prop from accordion stories and
 update demo content

Update storybook

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../molecules/Accordion/Accordion.stories.tsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx b/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
index 3957753..293bb1d 100644
--- a/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
+++ b/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
@@ -187,7 +187,7 @@ export default meta;
 
 const Template: StoryFn<PropsWithChildren<AccordionWrapperProps>> = (args) => {
   return (
-    <Accordion {...args} isInline>
+    <Accordion {...args}>
       {ACCORDION_ITEMS.map((item) => {
         return (
           <AccordionItem
@@ -225,7 +225,7 @@ const accordionItems = [
   { id: 'item3', title: 'Title 3', content: 'Content 3' },
 ];
 
-<Accordion isInline>
+<Accordion>
   {accordionItems.map((item) => (
     <AccordionItem key={item.id} id={item.id}>
       <AccordionHeader>{item.title}</AccordionHeader>
@@ -360,9 +360,17 @@ export const AsInline: StoryObj<typeof Accordion> = {
   render: () => (
     <Accordion isInline>
       <AccordionItem id="item1">
-        <AccordionHeader expandIcon={<Icon name="keyboardArrowDown" size="md" />}>Title 1</AccordionHeader>
+        <AccordionHeader>Title 1</AccordionHeader>
         <AccordionContent>Content 1</AccordionContent>
       </AccordionItem>
+      <AccordionItem id="item2">
+        <AccordionHeader>Title 2</AccordionHeader>
+        <AccordionContent>Content 2</AccordionContent>
+      </AccordionItem>
+      <AccordionItem id="item3">
+        <AccordionHeader>Title 3</AccordionHeader>
+        <AccordionContent>Content 3</AccordionContent>
+      </AccordionItem>
     </Accordion>
   ),
   parameters: {

From 8a15ebe6c609c59ad1444cbfc85365eebfcd9675 Mon Sep 17 00:00:00 2001
From: Zlodej43sm <8863227+Zlodej43sm@users.noreply.github.com>
Date: Mon, 17 Aug 2026 10:30:55 +0200
Subject: [PATCH 2/2] feat: Add multiple accordion items in story examples

---
 .../molecules/Accordion/Accordion.stories.tsx          | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx b/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
index 293bb1d..2e41c5d 100644
--- a/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
+++ b/libs/ui/src/components/molecules/Accordion/Accordion.stories.tsx
@@ -381,9 +381,17 @@ export const AsInline: StoryObj<typeof Accordion> = {
       source: {
         code: `<Accordion isInline>
   <AccordionItem id="item1">
-    <AccordionHeader expandIcon={<Icon name="keyboardArrowDown" size="md" />}>Title 1</AccordionHeader>
+    <AccordionHeader>Title 1</AccordionHeader>
     <AccordionContent>Content 1</AccordionContent>
   </AccordionItem>
+   <AccordionItem id="item2">
+    <AccordionHeader>Title 2</AccordionHeader>
+    <AccordionContent>Content 2</AccordionContent>
+  </AccordionItem>
+   <AccordionItem id="item3">
+    <AccordionHeader>Title 3</AccordionHeader>
+    <AccordionContent>Content 3</AccordionContent>
+  </AccordionItem>
 </Accordion>`,
       },
     },