Select input component for Ink
$ npm install ink-select-input
const {h, render, Component} = require('ink');
const SelectInput = require('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 <SelectInput items={items} onSelect={handleSelect}/>
};
render(<Demo/>);
Type: array
Default: []
Items to display in a list. Each item must be an object and have label
and value
props.
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.
Type: function
Function to call when user selects an item. Item object is passed to that function as an argument.
Type: Component
Custom component to override the default indicator component.
Type: Component
Custom component to override the default item component.
Type: number
Number of items to display.
MIT © Vadim Demedes