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

Revisions

  1. @Klerith Klerith created this gist May 20, 2020.
    52 changes: 52 additions & 0 deletions Navbar.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    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>
    )
    }