broken out of the box?

[foodaka]

Is there something im doing wrong? the component wont render

import React from 'react'; import ReactDOM from 'react-dom'; import ReactSlider from 'react-slider';

const DepthMeterInput = React.createClass({

render() { return (

blahahh

);

} })

export default DepthMeterInput

[foodaka]

i dont know why but it doesnt show my return

  <div>
    <ReactSlider defaultValue={50} />
    blahahh
  </div>

[istrel]

@foodaka For now react slider is a non-es6 module, so you should use CommonJS require call or import this with * like this:

import React from 'react';
import ReactDOM from 'react-dom';
import * as ReactSlider  from 'react-slider';

const DepthMeterInput = React.createClass({
  render() {
    <div>
      <ReactSlider defaultValue={50} />
      blahahh
    </div>
  }
})

export default DepthMeterInput;

[kunokdev]

@foodaka it seems that it doesn't work even with your workaround?

[VanDavv]

@foodaka @istrel this issue is still present, workaround doesn't word, should be reopened!

[istrel]

@VanDavv DId you try to use CommonJS require? It should work with webpack:

import React from 'react';
import ReactDOM from 'react-dom';
const ReactSlider = require('react-slider');

const DepthMeterInput = React.createClass({
  render() {
    <div>
      <ReactSlider defaultValue={50} />
      blahahh
    </div>
  }
})

export default DepthMeterInput;

[VanDavv]

Yes, and I still didn't manage to see the slider. Sorry, but i ended up using rc-slider

[sckoh]

im unable to see the slider too

[nigelrobbins3]

The slider is hidden by default. The divs are there with the right classes, but without CSS rules they are empty. Hopefully it's just a matter of adding the CSS you want.