Skip to content

Instantly share code, notes, and snippets.

@mauriciocartagena

mauriciocartagena/Navbar.js

Forked from Klerith/Navbar.js
Created September 25, 2020 14:48
Show Gist options
  • Save mauriciocartagena/509169a12987db07af11ee2f7b0fe50e to your computer and use it in GitHub Desktop.
Save mauriciocartagena/509169a12987db07af11ee2f7b0fe50e to your computer and use it in GitHub Desktop.
Download ZIP
Un NavBar de Bootstrap rápido para el curso de React de cero a experto
Raw
Navbar.js
import React from 'react'
import { Link, NavLink } from 'react-router-dom'
export const Navbar = () => {
return (
<nav className="navbar navbar-expand-sm navbar-dark bg-dark">
<Link
className="navbar-brand"
to="/"
>
Asociaciones
</Link>
<div className="navbar-collapse">
<div className="navbar-nav">
<NavLink
activeClassName="active"
className="nav-item nav-link"
exact
to="/marvel"
>
Marvel
</NavLink>
<NavLink
activeClassName="active"
className="nav-item nav-link"
exact
to="/dc"
>
DC
</NavLink>
</div>
</div>
<div className="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul className="navbar-nav ml-auto">
<NavLink
activeClassName="active"
className="nav-item nav-link"
exact
to="/login"
>
Logout
</NavLink>
</ul>
</div>
</nav>
)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment