4.0.1 • Published 2 months ago

@inquirer/checkbox v4.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
2 months ago

@inquirer/checkbox

Simple interactive command line prompt to display a list of checkboxes (multi select).

Checkbox prompt

Installation

npm install @inquirer/checkbox

yarn add @inquirer/checkbox

Usage

import checkbox, { Separator } from '@inquirer/checkbox';

const answer = await checkbox({
  message: 'Select a package manager',
  choices: [
    { name: 'npm', value: 'npm' },
    { name: 'yarn', value: 'yarn' },
    new Separator(),
    { name: 'pnpm', value: 'pnpm', disabled: true },
    {
      name: 'pnpm',
      value: 'pnpm',
      disabled: '(pnpm is not available)',
    },
  ],
});

Options

PropertyTypeRequiredDescription
messagestringyesThe question to ask
choicesArray<{ value: string, name?: string, disabled?: boolean \| string, checked?: boolean } \| Separator>yesList of the available choices. The value will be returned as the answer, and used as display if no name is defined. Choices who're disabled will be displayed, but not selectable.
pageSizenumbernoBy default, lists of choice longer than 7 will be paginated. Use this option to control how many choices will appear on the screen at once.
loopbooleannoDefaults to true. When set to false, the cursor will be constrained to the top and bottom of the choice list without looping.
requiredbooleannoWhen set to true, ensures at least one choice must be selected.
validatestring\[\] => boolean \| string \| Promise<string \| boolean>noOn submit, validate the choices. When returning a string, it'll be used as the error message displayed to the user. Note: returning a rejected promise, we'll assume a code error happened and crash.
themeSee ThemingnoCustomize look of the prompt.

The Separator object can be used to render non-selectable lines in the choice list. By default it'll render a line, but you can provide the text as argument (new Separator('-- Dependencies --')). This option is often used to add labels to groups within long list of options.

Theming

You can theme a prompt by passing a theme object option. The theme object only need to includes the keys you wish to modify, we'll fallback on the defaults for the rest.

type Theme = {
  prefix: string;
  spinner: {
    interval: number;
    frames: string[];
  };
  style: {
    answer: (text: string) => string;
    message: (text: string) => string;
    error: (text: string) => string;
    defaultAnswer: (text: string) => string;
    help: (text: string) => string;
    highlight: (text: string) => string;
    key: (text: string) => string;
    disabledChoice: (text: string) => string;
    renderSelectedChoices: <T>(
      selectedChoices: ReadonlyArray<Choice<T>>,
      allChoices: ReadonlyArray<Choice<T> | Separator>,
    ) => string;
  };
  icon: {
    checked: string;
    unchecked: string;
    cursor: string;
  };
  helpMode: 'always' | 'never' | 'auto';
};

theme.helpMode

  • auto (default): Hide the help tips after an interaction occurs. The scroll tip will hide after any interactions, the selection tip will hide as soon as a first selection is done.
  • always: The help tips will always show and never hide.
  • never: The help tips will never show.

License

Copyright (c) 2023 Simon Boudrias (twitter: @vaxilart) Licensed under the MIT license.

4.0.1

2 months ago

4.0.0

3 months ago

3.0.1

3 months ago

3.0.0

3 months ago

2.5.0

4 months ago

2.4.1

5 months ago

2.4.0

5 months ago

2.4.3

5 months ago

2.4.2

5 months ago

2.4.5

5 months ago

2.4.4

5 months ago

2.3.8

6 months ago

2.3.7

6 months ago

2.3.9

6 months ago

2.3.6

6 months ago

2.3.5

7 months ago

2.4.7

5 months ago

2.4.6

5 months ago

2.3.11

5 months ago

2.3.10

6 months ago

2.3.4

7 months ago

2.3.3

7 months ago

2.3.2

8 months ago

2.3.1

8 months ago

2.2.3

8 months ago

2.3.0

8 months ago

2.2.2

9 months ago

2.2.1

9 months ago

2.2.0

10 months ago

2.1.2

10 months ago

2.1.1

10 months ago

2.1.0

10 months ago

2.0.0

11 months ago

1.5.2

11 months ago

1.5.1

11 months ago

1.4.0

1 year ago

1.3.10

1 year ago

1.3.11

1 year ago

1.3.12

1 year ago

1.3.9

1 year ago

1.3.8

1 year ago

1.3.7

1 year ago

1.3.6

1 year ago

1.3.5

1 year ago

1.3.4

1 year ago

1.3.3

1 year ago

1.5.0

1 year ago

1.3.2

2 years ago

1.2.0

2 years ago

1.0.2

2 years ago

1.1.0

2 years ago

1.0.1

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.3.1

2 years ago

1.2.2

2 years ago

1.3.0

2 years ago

1.0.0

2 years ago

0.1.0

2 years ago

0.0.30-alpha.0

2 years ago

0.0.29-alpha.0

2 years ago

0.0.27-alpha.0

2 years ago

0.0.28-alpha.0

2 years ago

0.0.21-alpha.0

3 years ago

0.0.22-alpha.0

2 years ago

0.0.25-alpha.0

2 years ago

0.0.24-alpha.0

2 years ago

0.0.23-alpha.0

2 years ago

0.0.19-alpha.0

3 years ago

0.0.20-alpha.0

3 years ago

0.0.18-alpha.0

3 years ago

0.0.17-alpha.0

3 years ago

0.0.16-alpha.0

3 years ago

0.0.15-alpha.0

4 years ago

0.0.14-alpha.0

4 years ago

0.0.13-alpha.0

4 years ago

0.0.12-alpha.0

4 years ago

0.0.11-alpha.0

4 years ago

0.0.10-alpha.0

5 years ago

0.0.9-alpha.0

5 years ago

0.0.7-alpha.0

5 years ago

0.0.6-alpha.0

5 years ago

0.0.5-alpha.0

6 years ago