Navbar.jsx
For the full content of this gist, refer to https://gist.github.com/CodingAbdullah/ff5ac7937c3d6be0a97f7efb56422560
McMaster. Software Engineer with a keen interest in blockchain and web3.
const Navbar = () => {
// Setting up Navbar to render on screen
return (
<nav class="navbar navbar-expand-lg navbar-light bg-dark">
<div class="container-fluid">
<a class="navbar-brand" style={{ color: 'white' }} href="/"><b>Bootstrap React</b></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" style={{ color: 'white' }} href="/prices">Coin Prices</a>
</li>
</ul>
</div>
</div>
</nav>
)
}
export default Navbar;