Fix(web-react): Collapse content element props

lmc-eu · Jan 12, 2023 · 6440ef3 · 6440ef3
1 parent 03b0e0d
commit 6440ef3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/packages/web-react/src/components/Collapse/Collapse.tsx b/packages/web-react/src/components/Collapse/Collapse.tsx
@@ -50,9 +50,9 @@ const Collapse = (props: SpiritCollapseProps) => {
           className={classNames(classProps.root, styleProps.className, transitioningStyles[transitionState])}
           ref={rootElementRef}
         >
-          <div ref={collapseElementRef} className={classProps.content}>
+          <ElementTag ref={collapseElementRef} className={classProps.content}>
             {children}
-          </div>
+          </ElementTag>
         </ElementTag>
       )}
     </Transition>

diff --git a/packages/web-react/src/components/Collapse/README.md b/packages/web-react/src/components/Collapse/README.md
@@ -76,14 +76,15 @@ const [isOpen, toggle] = useState<boolean>(true);
 
 ## Props
 
-| Prop name                 | Type                            | Default    | Required | Description                        |
-| ------------------------- | ------------------------------- | ---------- | -------- | ---------------------------------- |
-| `id`                      | `string`                        | `<random>` | no       | Component id                       |
-| `isOpen`                  | `boolean`                       | -          | no       | Is open on initialization          |
-| `collapsibleToBreakpoint` | `'mobile', 'tablet', 'desktop'` | -          | no       | Handle for responsive breakpoint   |
-| `transitionDuration`      | `number`                        | `250`      | no       | Transition duration in miliseconds |
-| `UNSAFE_className`        | `string`                        | -          | no       | Wrapper custom class name          |
-| `UNSAFE_style`            | `CSSProperties`                 | -          | no       | Wrapper custom style               |
+| Prop name                 | Type                            | Default    | Required | Description                                 |
+| ------------------------- | ------------------------------- | ---------- | -------- | ------------------------------------------- |
+| `id`                      | `string`                        | `<random>` | no       | Component id                                |
+| `isOpen`                  | `boolean`                       | -          | no       | Is open on initialization                   |
+| `collapsibleToBreakpoint` | `'mobile', 'tablet', 'desktop'` | -          | no       | Handle for responsive breakpoint            |
+| `transitionDuration`      | `number`                        | `250`      | no       | Transition duration in miliseconds          |
+| `elementType`             | `'span', 'div'`                 | `'div'`    | no       | Type of element used as wrapper and content |
+| `UNSAFE_className`        | `string`                        | -          | no       | Wrapper custom class name                   |
+| `UNSAFE_style`            | `CSSProperties`                 | -          | no       | Wrapper custom style                        |
 
 ## Uncontrolled Collapse