Divider doesn't match screenshot in readme

[EzzAk]

I'm not sure the divider is really a divider anymore...

[Jure Sotosek]

Huh? I just tried the examples and this is how they show for me:

Can you post the props / the code you used to achieve this?

[EzzAk]

<React.Fragment>
  <Divider title="Test" width={20} />
  {...otherComponents}
</React.Fragment>

^ Above rendered via render(<MyComponent />, process.stderr)

VSCode terminal:

iTerm2:

[Jure Sotosek]

Rendering this:

import React from 'react';
import { render } from 'ink';
import Divider from '..';

const Basic = () => (
  <React.Fragment>
    <Divider title="Test" width={20} />
  </React.Fragment>
);

render(<Basic />);

Gives me this:

Can you link me a project or something where this happens? That would be really helpful ✌🏼

[EzzAk]

https://repl.it/@ezzak/ink-divider

[Jure Sotosek]

Hmmm, the problem seems to be when switching from ink@2.0.0 to ink@2.1.0. Not sure why, but in that version, Color element switched from being an inline element to being a block element. Not sure if this is the intended behavior or a bug.

Will push a quick update that will fix this issue.

[Jure Sotosek]

Bug fixed with ink-divider@2.0.1 👍🏼