Skip to content

jimmed/react-nes.css

Repository files navigation

react-nes.css

A React UI library, based on NES.css

NPM

Install

1. Install dependencies using npm or yarn

npm install --save react-nes.css nes.css

or

yarn add react-nes.css nes.css

2. Include NES.css's stylesheet in your project

This module does not bundle NES.css, so you will need to include it in your application yourself.

  • If you are bundling your application using a tool such as Webpack, (or you've set up your project using create-react-app), then you should be able to add:

    import "nes.css/min/nes.css";
  • Otherwise, follow the instructions suggested by NES's README file.

Usage

All components are exported as named exports from this module.

  • Import a component using ES module syntax:

    import { Button } from "react-nes.css";
  • Or, import it using CommonJS syntax:

    const { Button } = require("react-nes.css");

Components

See all of the components in action on the demo page.

  • Balloon
  • Button
  • Checkbox
  • Container
  • Controller
  • Icon
  • Octocat
  • Radio
  • TextInput