Skip to content

Instantly share code, notes, and snippets.


parzibyte/Nav.js Secret

Created Dec 19, 2020
What would you like to do?
import React from 'react';
import logo from "./img/parzibyte_logo.png";
import { NavLink } from "react-router-dom";
class Nav extends React.Component {
render() {
return (
<nav className="navbar is-warning" role="navigation" aria-label="main navigation">
<div className="navbar-brand">
<a className="navbar-item" href="">
<img alt="" src={logo} style={{ maxHeight: "80px" }} />
<button className="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<div id="navbarBasicExample" className="navbar-menu">
<div className="navbar-start">
<NavLink activeClassName="is-active" className="navbar-item" to="/videojuegos/ver">Ver videojuegos</NavLink>
<NavLink activeClassName="is-active" className="navbar-item" to="/videojuegos/agregar">Agregar videojuego</NavLink>
<div className="navbar-end">
<div className="navbar-item">
<div className="buttons">
<a target="_blank" rel="noreferrer" href="" className="button is-primary">
<strong>Soporte y ayuda</strong>
export default Nav;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment