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

Revisions

  1. @Klerith Klerith revised this gist May 5, 2022. 1 changed file with 0 additions and 3 deletions.
    3 changes: 0 additions & 3 deletions Navbar.js
    View file
    Original file line number Diff line number Diff line change
    @@ -17,15 +17,13 @@ export const Navbar = () => {

    <NavLink
    className="nav-item nav-link"
    exact
    to="/marvel"
    >
    Marvel
    </NavLink>

    <NavLink
    className="nav-item nav-link"
    exact
    to="/dc"
    >
    DC
    @@ -37,7 +35,6 @@ export const Navbar = () => {
    <ul className="navbar-nav ml-auto">
    <NavLink
    className="nav-item nav-link"
    exact
    to="/login"
    >
    Logout
  2. @Klerith Klerith revised this gist May 5, 2022. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions Navbar.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    import React from 'react'
    import { Link, NavLink } from 'react-router-dom'
    import { Link, NavLink } from 'react-router-dom';


    export const Navbar = () => {
    return (
  3. @Klerith Klerith revised this gist May 5, 2022. 1 changed file with 0 additions and 3 deletions.
    3 changes: 0 additions & 3 deletions Navbar.js
    View file
    Original file line number Diff line number Diff line change
    @@ -16,7 +16,6 @@ export const Navbar = () => {
    <div className="navbar-nav">

    <NavLink
    activeClassName="active"
    className="nav-item nav-link"
    exact
    to="/marvel"
    @@ -25,7 +24,6 @@ export const Navbar = () => {
    </NavLink>

    <NavLink
    activeClassName="active"
    className="nav-item nav-link"
    exact
    to="/dc"
    @@ -38,7 +36,6 @@ export const Navbar = () => {
    <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"
  4. @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>
    )
    }