1.0.2 • Published 3 years ago

@xv-town/ink-input-select v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

@xv-town/ink-input-select

Usage

import { render, Text } from 'ink';
import React, { useState } from 'react';
import SelectInput from '@xv-town/ink-select-input';

const Demo = () => {
  const [result, setResult] = useState(null);
  const handleSelect = item => {
    setResult(item);
  };

  const items = Array.from(Array(10).keys()).map(item => ({
    value: item,
    label: item,
  }));

  return result ? (
    <Text>{JSON.stringify(result)}</Text>
  ) : (
    <SelectInput options={items} onSelect={handleSelect} />
  );
};

render(<Demo />);

Options

attributedescriptiontypedefault
optionsItems to display in a list.ItemProps[][]
initialIndexIndex of initially-selected item in items array.number0
limitNumber of items to display.number8
onSelectFunction to call when user selects an item.function-