Releases: vadimdemedes/ink
v5.2.0
v5.1.1
v5.1.0
v5.0.1
v5.0.0
Even though this release is major, it doesn't have any breaking changes. The reason it's 5.0.0 is because after #635, Ink requires Node.js 18.
Huge thanks to @sindresorhus for maintaining Ink 💛
Highlights
Contributors
Assets 2
v4.4.1
v4.4.0
v4.3.1
This release brings back compatibility with Node.js v14.x. See #617 for details. Thanks @newhouse and @AlCalzone for handling it!
Contributors
Assets 2
v4.3.0
Highlights
- Speed up generation of output (#564) 9ff4d20
- Dim border color (#582) 8a04760
- Batch state updates in
useInputcallback (#581) eed2a11
Thank you
Huge shoutout goes to @AlCalzone for performance improvements in the generation of output, which speeds up rendering and significantly reduces CPU usage 🔥
Contributors
Assets 2
v4.2.0
New features
Custom border style
With the addition of borderStyle prop to Box, you can define custom border style for rendering borders.
<Box
borderStyle={{
topLeft: '↘',
top: '↓',
topRight: '↙',
left: '→',
bottomLeft: '↗',
bottom: '↑',
bottomRight: '↖',
right: '←'
}}
>
<Text>Content</Text>
</Box>
Individual colors for each border side
Box has supported borderColor prop for a while now to change the color of the border. In this release, there are new borderTopColor, borderBottomColor, borderLeftColor and borderRightColor props to change the color for each border side individually.
<Box
borderStyle="single"
borderTopColor="magenta"
borderBottomColor="green"
borderLeftColor="yellow"
borderRightColor="cyan"
>
<Text>So colorful</Text>
</Box>
Toggle visibility of individual border sides
As you can see, this is a pretty border-themed release. Continuing with the trend, now you toggle visibility of any border side individually via borderTop, borderBottom, borderLeft and borderRight props.
For example, if you wanted to hide top and bottom borders, you'd pass false to borderTop and borderBottom props respectively.
<Box
borderStyle="single"
borderTop={false}
borderBottom={false}
>
<Text>Content</Text>
</Box>