nextrap

Nextrap

The current version is an alpha/beta. Use it at your own risk.

Installation

First install the package with the follow command :

$ npm install nextrap --save

Getting started

For using Nextrap, you need to take a look to the examples available in the folder /path/to/nextrap/src/public/app/platform/views. For render these examples in your browser, run :

1. cd /path/to/nextrap
2. npm start
3. Open your browser and go to http://localhost:3004

More information

For more information about the React Components, follow these steps :

1. Look at available Components in /path/to/nextrap/lib/nextrap/jsx/index.js
2. Look at available PropTypes at the beginning of each Component file in /path/to/nextrap/lib/nextrap/jsx/components/**.react.js
3. Look at available public methods at the end of each Component file in /path/to/nextrap/lib/nextrap/jsx/components/**.react.js

Using public methods of a Component

Here, an example of the public method available for Dropdown Component :

// Render
render: function() {
    return (
        <Button onClick={this.focusDropdown}>Focus dropdown</Button>
        <Button onClick={this.blurDropdown}>Blur dropdown</Button>
        <Dropdown ref={function(c) { this._dropdownRef = c; }.bind(this)} />
    );
},

// Focus in dropdown
focusDropdown: function() {
    this._dropdownRef.focus();
},

// Blur from dropdown
blurDropdown: function() {
    this._dropdownRef.blur();
}