[@mantine/core] Accordion: Add onTransitionEnd prop support to `Acc…

…ordion.Panel`
mantinedev · Jul 14, 2024 · 8b96449 · 8b96449
1 parent e74e067
commit 8b96449
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/mantine.dev/src/pages/changelog/7-12-0.mdx b/apps/mantine.dev/src/pages/changelog/7-12-0.mdx
@@ -9,3 +9,4 @@ export default Layout(MDX_DATA.Changelog7110);
 - [use-interval](/hooks/use-interval) hook now supports `autoInvoke` option to start the interval automatically when the component mounts.
 - [use-form](/form/use-form) with `mode="uncontrolled"` now triggers additional rerender when dirty state changes to allow subscribing to form state changes.
 - [ScrollArea](/core/scroll-area) component now supports `onTopReached` and `onBottomReached` props. The functions are called when the user scrolls to the top or bottom of the scroll area.
+- [Accordion.Panel](/core/accordion) component now supports `onTransitionEnd` prop that is called when the panel animation completes.
diff --git a/packages/@mantine/core/src/components/Accordion/AccordionPanel/AccordionPanel.tsx b/packages/@mantine/core/src/components/Accordion/AccordionPanel/AccordionPanel.tsx
@@ -16,7 +16,10 @@ export type AccordionPanelStylesNames = 'panel' | 'content';
 export interface AccordionPanelProps
   extends BoxProps,
     CompoundStylesApiProps<AccordionPanelFactory>,
-    ElementProps<'div', 'onTransitionEnd'> {}
+    ElementProps<'div'> {
+  /** Called when the panel animation completes */
+  onTransitionEnd?: () => void;
+}
 
 export type AccordionPanelFactory = Factory<{
   props: AccordionPanelProps;