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.
Well, this: Preact + Photon = <3 (@ CodePen or JSFiddle)
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);See preact-photon-electron-quick-start for a batteries-included starter app.
* ... though I haven't tested it.