Skip to content

Instantly share code, notes, and snippets.

@mauricedb
Last active November 21, 2017 10:41
Show Gist options
  • Save mauricedb/253235a8865a9dee7d7a8fa944436369 to your computer and use it in GitHub Desktop.
Save mauricedb/253235a8865a9dee7d7a8fa944436369 to your computer and use it in GitHub Desktop.
Create Boostrap 4 Navbar
import { h } from "preact";
import { Link } from "preact-router/match";
export default () => (
<nav class="navbar navbar-expand navbar-dark bg-dark">
<Link class="navbar-brand" href="/">
The MovieDB
</Link>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<Link class="nav-link" activeClassName="active" href="/">
Home
</Link>
</li>
<li class="nav-item">
<Link class="nav-link" activeClassName="active" href="/movies">
Movies
</Link>
</li>
</ul>
</nav>
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment