showing results for - "popup is not working"
Alexia
25 Jan 2018
1import 'bootstrap/dist/css/bootstrap.css';
2import React from 'react';
3import './index.css';
4import Logo from "../../public/img/Logo.png"
5import * as ReactDOM from "react-dom";
6import { Popup } from "@progress/kendo-react-popup";
7
8
9const Header = () =>{
10
11    const anchor = React.useRef(null);
12    const [show, setShow] = React.useState(false);
13    React.useEffect(() => {
14        setShow(true);
15    }, []);
16
17    const onClick = () => {
18        setShow(!show);
19    };
20
21
22    return(
23        <nav class="navbar navbar-expand-lg navbar-light bg-light">
24
25        <button className="k-button" onClick={onClick} ref={anchor}>
26        {show ? "Hide" : "Show"}
27      </button>
28
29     
30      <Popup anchor={anchor.current} show={show} popupClass={"popup-content"}>
31        Popup content.
32      </Popup>
33	</nav>
34)};
35export default Header;
36