Skip to content

developit/preact-photon

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

preact-photon

NPM travis-ci

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);

Quick Start App

See preact-photon-electron-quick-start for a batteries-included starter app.


License

MIT


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