Update animate state control for Collapse (#188)

* fix: allow for downstream control for initial animation on mount * chore(changesets): add changeset for Collapse update
animareflection · Dec 21, 2023 · 4c8e2cc · 4c8e2cc · github-actions · Dec 21, 2023
1 parent f168727
commit 4c8e2cc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/real-suns-attend.md b/.changeset/real-suns-attend.md
@@ -0,0 +1,5 @@
+---
+"@animareflection/ui": minor
+---
+
+Add control for `Collapse` initial animation on mount
diff --git a/src/components/utility/Collapse/Collapse.tsx b/src/components/utility/Collapse/Collapse.tsx
@@ -12,6 +12,7 @@ import type { ReactElement, ReactNode } from "react";
 
 export interface Props extends FlexProps {
   label?: string;
+  animateOnMount?: boolean;
   icon?: ReactElement;
   isOpen?: boolean;
   onOpen?: () => void;
@@ -26,6 +27,7 @@ export interface Props extends FlexProps {
  */
 const Collapse = ({
   label,
+  animateOnMount = false,
   icon,
   isOpen: isOpenProp,
   onOpen,
@@ -76,7 +78,7 @@ const Collapse = ({
           {icon ?? defaultIcon}
         </Icon>
       </Button>
-      <AnimatePresence>
+      <AnimatePresence initial={animateOnMount}>
         {isOpen && (
           <motion.div
             style={{ overflow: "hidden" }}