1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-react-intl/components/Nav.js
Eric Ferraiuolo e24db68f8b Add example app with React Intl (#1055)
* Add example app with React Intl

Fixes #1022

* Update examples/with-react-intl/package.json to be consistent
2017-02-24 22:45:18 +01:00

29 lines
553 B
JavaScript

import React from 'react'
import {FormattedMessage} from 'react-intl'
import Link from 'next/link'
export default () => (
<nav>
<li>
<Link href='/'>
<a><FormattedMessage id='nav.home' defaultMessage='Home' /></a>
</Link>
</li>
<li>
<Link href='/about'>
<a><FormattedMessage id='nav.about' defaultMessage='About' /></a>
</Link>
</li>
<style jsx>{`
nav {
display: flex;
}
li {
list-style: none;
margin-right: 1rem;
}
`}</style>
</nav>
)