-
Notifications
You must be signed in to change notification settings - Fork 26k
/
Nav.tsx
44 lines (41 loc) · 928 Bytes
/
Nav.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import ActiveLink from './ActiveLink'
const Nav = () => (
<nav>
<style jsx>{`
.nav-link {
text-decoration: none;
}
.active:after {
content: ' (current page)';
}
`}</style>
<ul className="nav">
<li>
<ActiveLink activeClassName="active" className="nav-link" href="/">
Home
</ActiveLink>
</li>
<li>
<ActiveLink activeClassName="active" className="nav-link" href="/about">
About
</ActiveLink>
</li>
<li>
<ActiveLink activeClassName="active" className="nav-link" href="/blog">
Blog
</ActiveLink>
</li>
<li>
<ActiveLink
activeClassName="active"
className="nav-link"
href="/[slug]"
as="/dynamic-route"
>
Dynamic Route
</ActiveLink>
</li>
</ul>
</nav>
)
export default Nav