SHARE
TWEET

Untitled

a guest Jun 15th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. const NavbarDropdown = styled.div`
  2.     position: relative;
  3.     display: inline-block;
  4.  
  5.     &:hover {
  6.       display: block;
  7.     }
  8.   `;
  9.   const NavbarDropdownContent = styled.div`
  10.     display: none;
  11.     position: absolute;
  12.     background-color: #f9f9f9;
  13.     min-width: 160px;
  14.     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0, 2);
  15.     padding: 12px 16px;
  16.     z-index: 1;
  17.   `;
  18.  
  19. export const Navbar: React.FC = () => {
  20.   return (
  21.     <NavbarDropdown>
  22.       <span>Menu</span>
  23.       <NavbarDropdownContent>
  24.         <Link to="/">Dropdown here</Link>
  25.       </NavbarDropdownContent>
  26.     </NavbarDropdown>
  27.   );
  28. };
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top