Merge pull request #2256 from adevinta/accordion-design-review

fix(accordion): updated accordion header height
adevinta · Jun 20, 2024 · 2b7b438 · 2b7b438
2 parents 4562c4b + cd02a17
commit 2b7b438
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/accordion/src/Accordion.tsx b/packages/components/accordion/src/Accordion.tsx
@@ -25,7 +25,7 @@ export interface AccordionProps extends ExtentedZagInterface {
    */
   disabled?: boolean
   /**
-   * Whether multple accordion items can be expanded at the same time.
+   * Whether multiple accordion items can be expanded at the same time.
    */
   multiple?: boolean
   /**

diff --git a/packages/components/accordion/src/AccordionItemTrigger.tsx b/packages/components/accordion/src/AccordionItemTrigger.tsx
@@ -22,7 +22,7 @@ export const ItemTrigger = forwardRef<HTMLButtonElement, AccordionItemTriggerPro
     const localProps = {
       ...props,
       className: cx(
-        'relative flex gap-lg justify-between items-center',
+        'relative flex gap-lg justify-between items-center min-h-sz-48',
         'w-full px-lg py-md text-left text-headline-2 text-on-surface rounded-[inherit] data-[state=open]:rounded-b-none',
         'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',
         'focus-visible:u-ring focus-visible:outline-none focus-visible:z-raised',