LitoMore / ink-color-pipe

🌈 Create color text with simpler style strings in Ink

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 <Transform> for text rendering.

styles

Type: string

Use dot . to separeate multiple styles.

Valid Styles

• Modifiers
• Colors
• Background colors
• Hex triplet
• CSS keywords

Related

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

License

MIT © LitoMore