React-qtui NPM

React-QtUI

QtUI Components build with React.

Docs

1.0.x documentation with live examples.

0.4.x documentation with live examples.

Installation (0.4.x)

With npm:

If React is not installed

npm install --save react react-dom
npm install --save qtui@1.1.2 react-qtui

With React Installed

npm install qtui@1.1.2 react-qtui --save

To use the development version (API might changes on realese version)

npm install react-qtui@alpha --save

Example

We have several examples on the documentation. Here is the first one to get you started:

// app.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

//import using commonJS Module *Require Plugins
//import { Button } from 'react-qtui'

//import Using ES6 syntax
import QtUI from 'react-qtui';

//import styles
import 'qtui';
import 'react-qtui/lib/react-qtui.min.css';

const {Button} = QtUI;

class App extends Component {
    render() {
        return (
            <Button>hello qingtui</Button>
        );
    }
}

ReactDOM.render((
    <App/>
), document.getElementById('container'));