bschulte / nes-react

React components for the nes.css styling framework
85 stars 20 forks source link

nes-react

React component library for nes.css

NPM JavaScript Style Guide

Install

npm install --save nes-react

Demo

https://bschulte.github.io/nes-react/

Usage

If you want to use the default font family for nes.css (Press Start 2P), make sure to include that in your app in whatever way you choose. To use Google Font APIs, just stick a

<link
  href="https://fonts.googleapis.com/css?family=Press+Start+2P"
  rel="stylesheet"
/>

in your app.

import * as React from "react";

import { Container } from "nes-react";

class Example extends React.Component {
  render() {
    return <Container>We're using containers from nes.css!</Container>;
  }
}

Development

git clone --recursive git@github.com:bschulte/nes-react.git

npm install in both the root folder and in /example.

npm run dev then also in both the root folder and in /example.

See Also

Check out https://github.com/Divoolej/react-select-nes-css-theme for making the popular react-select fit in with nes.css!

License

MIT © bschulte