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-fela/pages/index.js
Daniel Steigerwald 2a14d32235 Fix Fela example (#1663)
* Fix Fela example

Styles must be set via the innerHTML. Otherwise, a fontFamily "Segoe
UI” will have encoded quotes.

* Add example

Which didn’t work previously.

* Fix lint
2017-04-22 15:09:35 +02:00

17 lines
384 B
JavaScript

import { createComponent } from 'react-fela'
import Page from '../layout'
const title = ({ size }) => ({
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
fontSize: size + 'px',
color: 'red'
})
const Title = createComponent(title, 'h1')
export default () => (
<Page>
<Title size={50}>My Title</Title>
</Page>
)