ink-color-pipe

chalk-pipe component for Ink 3

Create color text with simpler style strings in Ink

For Ink 2, check [email protected]

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

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

License

MIT © LitoMore

Ink Color Pipe

🌈 Create color text with simpler style strings in Ink

Ink Color Pipe Info

⭐ Stars 18
🔗 Source Code github.com
🕒 Last Update 8 days ago
🕒 Created 3 years ago
🐞 Open Issues 0
➗ Star-Issue Ratio Infinity
😎 Author LitoMore