Add log statement to chalk examples (#129)
* Add log statement to chalk examples Added what are essentially `console.log()` calls to the chalk examples. Closes #128. * Update readme.md
This commit is contained in:
parent
835ca3d950
commit
7c02cf45f8
1 changed files with 9 additions and 10 deletions
19
readme.md
19
readme.md
|
|
@ -47,36 +47,35 @@ console.log(chalk.blue('Hello world!'));
|
||||||
|
|
||||||
Chalk comes with an easy to use composable API where you just chain and nest the styles you want.
|
Chalk comes with an easy to use composable API where you just chain and nest the styles you want.
|
||||||
|
|
||||||
Here without `console.log` for purity.
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const chalk = require('chalk');
|
const chalk = require('chalk');
|
||||||
|
const log = console.log;
|
||||||
|
|
||||||
// combine styled and normal strings
|
// combine styled and normal strings
|
||||||
chalk.blue('Hello') + 'World' + chalk.red('!');
|
log(chalk.blue('Hello') + 'World' + chalk.red('!'));
|
||||||
|
|
||||||
// compose multiple styles using the chainable API
|
// compose multiple styles using the chainable API
|
||||||
chalk.blue.bgRed.bold('Hello world!');
|
log(chalk.blue.bgRed.bold('Hello world!'));
|
||||||
|
|
||||||
// pass in multiple arguments
|
// pass in multiple arguments
|
||||||
chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz');
|
log(chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz'));
|
||||||
|
|
||||||
// nest styles
|
// nest styles
|
||||||
chalk.red('Hello', chalk.underline.bgBlue('world') + '!');
|
log(chalk.red('Hello', chalk.underline.bgBlue('world') + '!'));
|
||||||
|
|
||||||
// nest styles of the same type even (color, underline, background)
|
// nest styles of the same type even (color, underline, background)
|
||||||
chalk.green(
|
log(chalk.green(
|
||||||
'I am a green line ' +
|
'I am a green line ' +
|
||||||
chalk.blue.underline.bold('with a blue substring') +
|
chalk.blue.underline.bold('with a blue substring') +
|
||||||
' that becomes green again!'
|
' that becomes green again!'
|
||||||
);
|
));
|
||||||
|
|
||||||
// ES2015 template literal
|
// ES2015 template literal
|
||||||
const systemStats = `
|
log(`
|
||||||
CPU: ${chalk.red('90%')}
|
CPU: ${chalk.red('90%')}
|
||||||
RAM: ${chalk.green('40%')}
|
RAM: ${chalk.green('40%')}
|
||||||
DISK: ${chalk.yellow('70%')}
|
DISK: ${chalk.yellow('70%')}
|
||||||
`;
|
`);
|
||||||
```
|
```
|
||||||
|
|
||||||
Easily define your own themes.
|
Easily define your own themes.
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue