ink-select-input 

> Select input component for Ink

Install

``sh
npm install ink-select-input
`

Usage

`jsx
import React from 'react';
import {render} from 'ink';
import SelectInput from 'ink-select-input';

const Demo = () => {
const handleSelect = item => {
// item = { label: 'First', value: 'first' }
};

const items = [
{
label: 'First',
value: 'first'
},
{
label: 'Second',
value: 'second'
},
{
label: 'Third',
value: 'third'
}
];

return ;
};

render();
`

The user can navigate using arrow up/down keys or the j k keys, then press return to select. Alternatively, press the number key corresponding to an option to select it instantly.

Props

$3

Type: array\
Default: []

Items to display in a list. Each item must be an object and have label and value props, it may also optionally have a key prop.
If no key prop is provided, value will be used as the item key.

$3

Type: boolean\
Default: true

Listen to user's input. Useful in case there are multiple input components at the same time and input must be "routed" to a specific component.

$3

Type: number\
Default: 0

Index of initially-selected item in items array.

$3

Type: number

Number of items to display.

$3

Type: Component

Custom component to override the default indicator component.

$3

Type: Component

Custom component to override the default item component.

$3

Type: function

Function to call when user selects an item. Item object is passed to that function as an argument.

$3

Type: function`

Function to call when user highlights an item. Item object is passed to that function as an argument.