18a9c7e371
* Update `packages/` * Update examples * Update tests * Update bench * Update top level files * Fix build * trigger
29 lines
582 B
JavaScript
29 lines
582 B
JavaScript
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" href="/">
|
|
<a className="nav-link">Home</a>
|
|
</ActiveLink>
|
|
</li>
|
|
<li>
|
|
<ActiveLink activeClassName="active" href="/about">
|
|
<a className="nav-link">About</a>
|
|
</ActiveLink>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
)
|
|
|
|
export default Nav
|