systems-rebooter / preact-photon

:rocket: Beautiful desktop apps with Preact + Photon :heart:

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.