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/nested-components/pages/index.js

46 lines
831 B
JavaScript
Raw Normal View History

2016-10-16 04:31:05 +00:00
import P from '../components/paragraph'
import Post from '../components/post'
export default () => (
<div className='main'>
<Post title='My first blog post'>
2016-10-16 04:31:05 +00:00
<P>Hello there</P>
<P>This is an example of a componentized blog post</P>
</Post>
<hr />
2016-10-16 04:31:05 +00:00
<Post title='My second blog post'>
2016-10-16 04:31:05 +00:00
<P>Hello there</P>
<P>This is another example.</P>
<P>Wa-hoo!</P>
</Post>
<hr />
2016-10-16 04:31:05 +00:00
<Post title='The final blog post'>
2016-10-16 04:31:05 +00:00
<P>C'est fin</P>
</Post>
<style jsx>{`
.main {
margin: auto;
max-width: 420px;
padding: 10px;
}
hr {
width: 100px;
border-width: 0;
margin: 20px auto;
text-align: center;
}
hr::before {
content: "***";
color: #ccc;
}
`}</style>
2016-10-16 04:31:05 +00:00
</div>
)