kitze / react-genie

A set of React components for animating elements as they scroll into the viewport
https://codesandbox.io/s/react-genie-example-8xfsc
MIT License
745 stars 19 forks source link

Missing import RevealGlobalStyles #25

Open vasco3 opened 3 years ago

vasco3 commented 3 years ago

I'm trying to import RevealGlobalStyles but it seems it doesn't exist in react-genie

turkyden commented 2 years ago

Look at this https://codesandbox.io/s/react-genie-example-8xfsc?file=/index.tsx:0-387

package.json

  "react-genie": "^0.2.2",
+ "react-genie-styled-components": "^0.1.1",
+ "react-animations": "1.0.0",

index.tsx

import { ReactGenieAnimations } from "react-genie-styled-components";

const App = () => {
  return (
    <div>
      <ReactGenieAnimations />
      <Home />
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));

App.tsx

import { Reveal } from 'react-genie';
import { Animation } from "react-genie-styled-components";

<Reveal animation={Animation.SlideInLeft}>
  <h1>This title will slide in from the left</h1>
</Reveal>