How to add horizontal scrollbar?

[sk1e]

Does direction param 'h' stand for horizontal scrolling?

With the following code:

  <div style={{ width: 500, height: 100 }}>
    <Baron params={{ direction: 'h' }}>
      <div style={{ width: 2000, height: 2000, background: 'green' }}>
        hello
      </div>
    </Baron>
  </div>

I don't get any scrollbar. With direction value as 'v' I can see a vertical scrollbar.

[Nitive]

The reason is undefined in track and bar classes.
After replacing it with _h everything works perfectly.

[sk1e]

@Nitive oh, that's great. But component API seems to be broken.

P.S. Glad to see a guy from Tomsk here >_<

[Diokuz]

react-baron uses css-modules here https://github.com/Diokuz/react-baron/blob/master/src/component.js#L17
So, if it is undefined, probably something wrong with your webpack configuration.

[Nitive]

Looks like there is no default className for _h in es5 build:
https://github.com/Diokuz/react-baron/blob/master/webpack.config.js#L4-L8
but it has to be:
https://github.com/Diokuz/react-baron/blob/master/src/component.js#L19

[Diokuz]

Yes, just use hModifier prop to define it. https://github.com/Diokuz/react-baron/blob/master/src/component.js#L70-L71