reactjs-components

React UI Components by Mesosphere

Usage no npm install needed!

<script type="module">
  import reactjsComponents from 'https://cdn.skypack.dev/reactjs-components';
</script>

README

ReactJS-components Build Status david-dm devDependency Status

A library of reusable React components. For examples, take a look at our kitchen sink.

Available components

  • Dropdown
  • List
  • Form
  • Modal
  • Confirm
  • Side Panel
  • Table
  • Tooltip

Using the components

  1. From the command line inside of your project
npm install --save reactjs-components react react-gemini-scrollbar canvas-ui
  1. Import the component that you want to use
// es6
import {Modal} from 'reactjs-components';

// es5
var Modal = require('reactjs-components').Modal;
  1. Use as if it was any other component
// ...

render: function () {
  return (
    // ...
    <Modal ...{props}>
      // Content
    <Modal />
  );
}
  1. Import LESS files which will add all styles for all components.
@import "./node_modules/canvas-ui/styles/canvas.less"
@import (inline) "./node_modules/reactjs-components/lib/index.less"

Contributing

See here.