nextrap v0.2.3
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
2. 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();
}
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago