Skip to content

Instantly share code, notes, and snippets.

@hpierre74

hpierre74/styled-theme-anim-consumer.jsx

Last active August 5, 2018 22:56
Show Gist options
  • Save hpierre74/feb173a79482c1de308759ad954d306f to your computer and use it in GitHub Desktop.
Save hpierre74/feb173a79482c1de308759ad954d306f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
styled-theme-anim-consumer.jsx
import React from 'react';
import styled from 'styled-components';
const AnimatedComponent = styled.div`
${ ({ theme: { utils } }) => utils.slideInDown(1.5) };
`;
const YourComponent = () => <AnimatedComponent>I am animated</AnimatedComponent>;
export default YourComponent;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment