{"repo":"WinterCore/react-text-transition","free":true,"listed":false,"github":"https://github.com/WinterCore/react-text-transition","clone":"git clone https://github.com/WinterCore/react-text-transition.git","description":"Animate your text changes","language":"TypeScript","stars":637,"topics":["react","transition","animate","text"],"license":"MIT","category":"ui-components","readme_excerpt":"React-Text-transition Animate your text changes Installation npm install -S react-text-transition Using the demo npm run dev How to use Example Props Prop Type Default Definition ------------ ------------------- --------------------------------------- ------------------------------------------------------------------------------------------------------- direction String (enum) 0 Used to determine the direction of the transition \"up\" or \"down\" (Must be an all-lowercase string). inline Boolean false Makes the wrapper inline (will auto resize based on contents). delay Number 0 Delay the transition of the text (in milliseconds). springConfig Object { mass: 1, tension: 170, friction: 26 } react-spring's spring configuration. className String \"\" Any css classes that you might want to send to the wrapper. style React.CSSProperties {} Any styles that you might want to send to the wrapper. children React.ReactNode REQUIRED The react node to be animated translateValue string \"100%\" Transform value for determine height animation --- Detailed Props inline Boolean Will simply make the wrapper an inline element and animate its width based on currently showing text, this is useful if you want to show some other static text on the same line. delay Number The amount of miliseconds to wait before transitioning. spring Object react-spring's Spring configuration (Refer to the configs section) react-spring's spring presets are exposed as presets . You have the following presets - default The defa","default_branch":null,"files":null,"tree":[],"storefront":"/r/WinterCore","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/WinterCore/react-text-transition/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}