Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const NavbarDropdown = styled.div`
- position: relative;
- display: inline-block;
- &:hover {
- display: block;
- }
- `;
- const NavbarDropdownContent = styled.div`
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0, 2);
- padding: 12px 16px;
- z-index: 1;
- `;
- export const Navbar: React.FC = () => {
- return (
- <NavbarDropdown>
- <span>Menu</span>
- <NavbarDropdownContent>
- <Link to="/">Dropdown here</Link>
- </NavbarDropdownContent>
- </NavbarDropdown>
- );
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement