feat(accordion): added string child handling

yamada-ui · Nov 10, 2023 · 100866f · 100866f
1 parent 09c791c
commit 100866f
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 131 deletions.
diff --git a/.changeset/three-windows-repair.md b/.changeset/three-windows-repair.md
@@ -0,0 +1,5 @@
+---
+'@yamada-ui/accordion': minor
+---
+
+Added string child handling and rendering.
diff --git a/packages/components/accordion/src/accordion-panel.tsx b/packages/components/accordion/src/accordion-panel.tsx
@@ -23,13 +23,17 @@ export const AccordionPanel = forwardRef<AccordionPanelProps, 'div'>(
       transitionEnd,
       delay,
       duration,
+      children,
       ...rest
     },
     ref,
   ) => {
     const { isOpen, getPanelProps } = useAccordionItemContext()
     const { styles } = useAccordionContext()
 
+    const resolvedChildren =
+      typeof children === 'string' ? <p>{children}</p> : children
+
     const css: CSSUIObject = { ...styles.panel }
 
     return (
@@ -50,7 +54,9 @@ export const AccordionPanel = forwardRef<AccordionPanelProps, 'div'>(
           {...getPanelProps(rest, ref)}
           className={cx('ui-accordion__panel', className)}
           __css={css}
-        />
+        >
+          {resolvedChildren}
+        </ui.div>
       </Collapse>
     )
   },