How to use the react-pose.a function in react-pose
To help you get started, we’ve selected a few react-pose examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
kitze / twizzle-landing / src / components / Messages / styles.js View on Github 
...flex.horizontal,
...flex.spaceBetween,
...flex.centerHorizontalV,
transition: 'all 100ms linear',
height: 56,
padding: 15,
width: '100%'
},
applyTheme('bar')
);
export const List = styled.div({});
export const Title = styled.div({});
const Animated = posed.a({
exit: { x: ({ index }) => -50 + index * 5, opacity: 0 },
enter: { x: 0, opacity: 1, delay: ({ index }) => 700 + index * 100 }
});
export const Message = {
Wrap: styled(Animated)(
{
...flex.horizontal,
...flex.centerHorizontalV,
height: 65,
transition: 'all 100ms linear',
padding: '25px 10px',
overflow: 'hidden',
textDecoration: 'none'
},
applyTheme('messageWrap'),react-pose
A declarative animation library for React
