ink-progress-spinner

Progress spinner component for Ink

Demo

Install

1$ npm install ink-progress-spinner

Usage

1const {h, render, Text} = require('ink');
2const {ProgressSpinner, spinners} = require('ink-progress-spinner');
3
4const characters = spinners[20].split('');
5
6render(
7  <div>
8    <ProgressSpinner characters={characters} blue />
9    <Text> Something loading...</Text>
10  </div>
11);

Props

characters

Type: string[]

Default: ['⠁', '⠂', '⠄', '⡀', '⢀', '⠠', '⠐', '⠈']

This is a list of letters making up spinner, and this element is rendered in turn.

delay

Type: number

Default: 60

The time, in milliseconds, is used as render interval.

ProgressSpinner supports Text component props. Text component uses chalk, and you could use its API methods as ProgressSpinner props.

License

MIT License