Skip to content

Instantly share code, notes, and snippets.

@JuanHerreraMer

JuanHerreraMer/Navbar.js

Forked from Klerith/Navbar.js
Created August 18, 2022 21:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save JuanHerreraMer/33dac18f03e7c526bea483962d0d1605 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save JuanHerreraMer/33dac18f03e7c526bea483962d0d1605 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 { 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
className="nav-item nav-link"
to="/marvel"
>
Marvel
</NavLink>
<NavLink
className="nav-item nav-link"
to="/dc"
>
DC
</NavLink>
</div>
</div>
<div className="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul className="navbar-nav ml-auto">
<NavLink
className="nav-item nav-link"
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