OEL-3735: Accordion component update.

Author: piotrsmykaj

components/accordion/accordion.component.yml

@@ -4,18 +4,12 @@ slots:
   title:
     title: Title
     description: 'Title of the accordion.'
-  title_tag:
-    title: 'Title tag'
-    description: 'The tag to use for the title. Defaults to h2.'
   expand_button_label:
     title: 'Expand button'
     description: 'Label of the expand button.'
   collapse_button_label:
     title: 'Collapse button'
     description: 'Label of the collapse button.'
-  items:
-    title: 'Accordion items'
-    description: 'List of accordion items.'
 props:
   type: object
   properties:
@@ -27,3 +21,18 @@ props:
       title: 'Accordion item opened by default'
       description: 'Index value of the item to open (starting from 1), all closed by default (0).'
       type: number
+    title_tag:
+      title: 'Title tag'
+      description: 'The tag to use for the title. Defaults to h2.'
+      type: string
+    items:
+      title: 'Accordion items'
+      description: 'List of accordion items.'
+      type: array
+      items:
+        type: object
+        properties:
+          title:
+            type: string
+          content:
+            type: string

components/accordion/accordion.preview-buttons.story.yml

@@ -0,0 +1,13 @@
+name: Expand / Collapse buttons
+slots:
+  title: 'This is the title of this accordion.'
+  expand_button_label: 'Expand'
+  collapse_button_label: 'Collapse'
+props:
+  items:
+    - title: 'Jobs, Growth, Investment and Competitiveness with an additional quite long string'
+      content: 'Lorem fistrum eiusmod cillum elit papaar officia aliquip dolore velit. Pellentesque dolor sapien, mollis fringilla ultricies sed, lacinia vel nibh. Nulla auctor arcu risus, nec facilisis odio aliquet sed.'
+    - title: 'Energy Union'
+      content: 'Advice on living, working or travelling in the EU, on visas and immigration for non-EU citizens, European culture. Plus some extra text to make it a little bit longer.'
+  bare_layout: false
+  open_item: 1

…ts/accordion/accordion.preview.story.yml …dion/accordion.preview-default.story.ymlcomponents/accordion/accordion.preview.story.yml renamed to components/accordion/accordion.preview-default.story.yml components/accordion/accordion.preview.story.yml renamed to components/accordion/accordion.preview-default.story.yml

@@ -1,13 +1,11 @@
-name: Preview
+name: Default
 slots:
   title: 'This is the title of this accordion.'
+props:
   items:
-    -
-      title: 'Jobs, Growth, Investment and Competitiveness with an additional quite long string'
+    - title: 'Jobs, Growth, Investment and Competitiveness with an additional quite long string'
       content: 'Lorem fistrum eiusmod cillum elit papaar officia aliquip dolore velit. Pellentesque dolor sapien, mollis fringilla ultricies sed, lacinia vel nibh. Nulla auctor arcu risus, nec facilisis odio aliquet sed.'
-    -
-      title: 'Energy Union'
+    - title: 'Energy Union'
       content: 'Advice on living, working or travelling in the EU, on visas and immigration for non-EU citizens, European culture. Plus some extra text to make it a little bit longer.'
-props:
   bare_layout: false
   open_item: 1