---

A library for creating CSS transitions with dash-ui

npm i @dash-ui/transition

---

Quick Start

Check out an example on CodeSandbox

import{styles}from"@dash-ui/styles";importtransitionfrom"@dash-ui/transition";styles.insertTokens({transition: {duration: {slow: "1s",},},});constfade=transition(styles,{// default styles and optionsdefault: {duration: 100,},// Use a callback to access tokensin: ({ transition })=>({opacity: 1,duration: transition.duration.slow,}),out: {opacity: 0,},});constComponent=({ visible })=>(<divclassName={fade(visible ? "in" : "out")}><divclassName={fade({in: visible,out: !visible})}>Foo</div></div>);

API

LICENSE

MIT