ink-color-pipe

Create color text with simpler style strings in Ink

Usage no npm install needed!

<script type="module">
  import inkColorPipe from 'https://cdn.skypack.dev/ink-color-pipe';
</script>

README

ink-color-pipe

chalk-pipe component for Ink 3

Create color text with simpler style strings in Ink

For Ink 2, check ink-color-pipe@1.0.0

Install

$ npm i ink-color-pipe

Usage

This brings you a convenient way to use some color schemes.

import React from 'react';
import {render, Text} from 'ink';
import Color from 'ink-color-pipe';

const link = 'blue.underline';
const error = 'bgRed.white';

render(
    <Text>
        <Color styles={link}>Unicorn</Color>
        <Color styles={error}>{' Error '}</Color>
    </Text>
);

API

<Color>

<Color> is using <Transfrom> for text rendering.

styles

Type: string

Use dot . to separeate multiple styles.

Valid Styles

Related

  • chalk-pipe - Create chalk style schemes with simpler style strings

License

MIT © LitoMore