height-transition
Version:
Simple height transition for collapse elements.
3 lines (2 loc) • 786 B
JavaScript
import e,{useRef as t,useEffect as n}from"react";export default function(r){var i=t(null),c=function(){i.current.style.height=i.current.scrollHeight+"px",0!==i.current.clientHeight&&(i.current.style.height="0px")};n(function(){return i.current.style.height="auto",i.current.style.overflow="hidden",i.current.style.transition="height "+(r.time?r.time:"300ms")+" "+(r.animation?r.animation:"ease"),window.addEventListener("transitionend",o),r.toggle.current.addEventListener("click",c),function(){window.removeEventListener("transitionend",o),r.toggle.current.removeEventListener("click",c)}});var o=function(){0!==i.current.clientHeight&&(i.current.style.height="auto")};return e.createElement("div",{style:r.styles,ref:i},r.children)}
//# sourceMappingURL=heightTransition.umd.m.js.map