@dash-ui/transition
v1.0.1TypeScript
A library for creating CSS transitions with dash-ui
css animationcss springcss transitioncss-in-js animationcss-in-js transitioncss-in-react animationcss-in-react transition
0/weekUpdated 3 years agoMITUnpacked: 156.5 KB
Published by Jared Lunde
npm install @dash-ui/transition
> A library for creating CSS transitions with dash-ui
``sh`
npm i @dash-ui/transition
---
Quick Start
Check out an example on CodeSandbox
`jsx harmony
import { styles } from "@dash-ui/styles";
import transition from "@dash-ui/transition";
styles.insertTokens({
transition: {
duration: {
slow: "1s",
},
},
});
const fade = transition(styles, {
// default styles and options
default: {
duration: 100,
},
// Use a callback to access tokens
in: ({ transition }) => ({
opacity: 1,
duration: transition.duration.slow,
}),
out: {
opacity: 0,
},
});
const Component = ({ visible }) => (
Foo
);
``
API
LICENSE
MIT