Skip to content

Instantly share code, notes, and snippets.

@emmabostian
Created January 12, 2020 09:32
Show Gist options
  • Save emmabostian/b0519c22a0f632774d0a49725451c2ee to your computer and use it in GitHub Desktop.
Save emmabostian/b0519c22a0f632774d0a49725451c2ee to your computer and use it in GitHub Desktop.
import React, { useState } from "react";
import ReactDOM from "react-dom";
import { useSpring } from "react-spring"
import { MenuRight } from "./Menu";
import "./styles.css";
function App() {
const [ rightMenuVisible, setRightMenuVisible ] = useState(false);
const rightMenuAnimation = useSpring({
opacity: rightMenuVisible ? 1 : 0,
transform: rightMenuVisible ? `translateX(0)` : `translateX(100%)`
});
return (
<div className="App">
<button
className="menu-button"
onClick={() => setRightMenuVisible(!rightMenuVisible)}
>
{rightMenuVisible ? "Close" : "Side Menu"}
</button>
<MenuRight />
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment