preact-photon

A little wrapper around photon to make it cake to use via preact (or React *).

This requires that you already have the photon CSS included in your app.

What does it look like?

Well, this: Preact + Photon = <3 (@ CodePen or JSFiddle)

---

Usage

import { h, render } from 'preact';
import { Header, Title, Footer, Button } from 'preact-photon';
 
/** Example app component */
const App = () => (
    <div id="app">
        <Header>
            <Title>Great App</Title>
            <Button icon="home">Home</Button>
        </Header>
 
        <section>
            Hello there.
        </section>
 
        <Footer>
            <span>Some great content here.</span>
        </Footer>
    </div>
);
 
render(<App />, document.body);

---

License

MIT

---

* ... though I haven't tested it.