Skip to content

Instantly share code, notes, and snippets.

@leojm27

leojm27/Navbar.js

Forked from Klerith/Navbar.js
Created January 18, 2022 02:29
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save leojm27/6ed675ff7a0c4efa44ea9d29b6f39cde to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save leojm27/6ed675ff7a0c4efa44ea9d29b6f39cde 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