apeman-react-range/doc/demo/demo.component.jsx

apeman react package for range input component.

"use strict";

var React = require('react'),
    ApRange = require('../../lib/ap_range');

module.exports = React.createClass({
    getInitialState: function () {
        return {};
    },
    setDebugText: function (text) {
        var s = this;
        s.setState({
            debugText: text
        });
        console.debug(text);
    },
    render: function () {
        var s = this,
            state = s.state;
        return (
            <div style={
                {
                    'position': 'relative'
                }
            }>
                <ApRange
                    step={0.1}
                    onChange={function (from, to, ui) {
                        s.setDebugText('Value changed: ' + from + ' ' + to);
                    }}>
                </ApRange>
                <br/>
                <br/>

                <div>
                    <span>{state.debugText}</span>
                </div>
            </div>
        );
    }
});