Home

Awesome

ink-color-pipe

chalk-pipe component for Ink 5

Create color text with simpler style strings in Ink

Install

$ npm i ink-color-pipe

Usage

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

<img src="https://raw.githubusercontent.com/LitoMore/ink-color-pipe/master/media/demo.jpg" width="105px"/> 
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

Related

License

MIT