open-react-components
v1.0.0
Published
Open React Components
Downloads
5
Readme
+++++++++++++++ +++++++++++++++
+++++++++++++++++++++++++++++++++++++++
++++++ +++++++++++ +++ +++++++++++ +++++
+++++ ++++++++++++++++++++++++++++++++++++ ++++
+++++ ++++++ ++++++++ ++++++ ++++
++++ ++++ + ++++ ++++
++++ ++++ ++++++++
++++++++ +++ +++ ++++++++
+++ +++ +++++++++++ +++++++++++ +++ +++
+++ +++ +++++++++++++ +++++++++++++ +++ +++
+++ +++ +++++++++++++++ +++++++++++++++ +++ +++
++++++ +++++++++++++++++ +++++++++++++++++ ++++++
+++ +++ +++++++ +++++++ +++++++ +++++++ +++ +++
+++ +++ +++++++ +++++++ +++++++ +++++++ +++ +++
++++++ +++++++ +++++++ +++++++ +++++++ +++++++
+++ +++ ++++++++++++++++ ++++++++++++++++ ++++++
+++ +++ +++++++++++++++ +++++++++++++++ +++ +++
+++ +++ +++++++++++++ +++++++++++++ +++ +++
++++++++ ++++++++++++ ++++++++++++ ++++++++
+++ ++++ ++++++++++ ++++++++++ ++++ +++
+++ +++++ +++++++++ +++++++++ +++++ +++
++++ +++++ +++++++++ +++++++++ +++++ ++++
+++++ ++++++++ +++++++++++++++ ++++++++ +++++
++++++ ++++++ +++++++++++++ ++++++ ++++++
+++++++++ +++++++++++ ++++++++
+++++++++++ +++++++ +++++++++++
+++++++ +++++ ++++++
+++
Open React Components
Open React Components
Open React Components is a library of general purpose react components using the Open Design System from Blue Owl. The library includes components for forms, text content, data tables, and more.
+---------------+ ################# +---------------+
| Design System | ---> # Components # ---> | Applications |
+---------------+ ################# +---------------+
- Design System
- Components
- Applications (your application here)
Installation
npm install --save-dev open-react-components
Usage
import React from 'react';
import ReactDOM from 'react-dom';
import { H } from 'open-components';
ReactDOM.render(
<H one>Hello World!</H>,
document.getElementById('app'),
);
Styleguide / Live Documentation
To run a live styleguide, clone the project, npm install
, npm start
, and use
a web browser to open localhost on port 3001.
Developing
To build the project using webpack.
$ npm run build
To build the project and watch for any changes; rebuilding on file updates.
$ npm run build:dev
To run a local development server with hot reloading
$ npm start
Authors
- Hans Oksendahl - Initial work - hansoksendahl
- Charlie Schwabacher - charlieschwabacher
- Sean Papanikolas realseanp
Past Contributors
- Zane Staggs - zanedev
License
This project is licensed under the MIT License - see the LICENSE.md file for details
Acknowledgments
- React
- Babel
- Webpack