InputOptions

The InputOptions interface configures an Input component — its type, label, default value, width, alignment, position, and styling.

Type Definition

• type: Either "text" or "password". Password mode masks the input with *. Defaults to "text".
• label: A text label displayed before the input field.
• defaultValue: Pre-filled value when the input is first shown.
• width: A CardWidth value — a number, a ratio ("1/2", "full", etc.), or "auto".
• align: Horizontal alignment of the input — "left", "center", or "right".
• position: Where to render the input — "inline", "top", or "bottom".
• styles: An InputStyleOptions object to customise the input field, label, and border independently.

interface InputOptions {
  type?: InputType;
  label?: string;
  defaultValue?: string;
  width?: CardWidth;
  align?: Alignment;
  position?: FixedPosition;
  styles?: InputStyleOptions;
}

Usage

import { Input } from "ts-better-console";

const input = new Input({
type: "password",
label: "Password",
width: 40,
position: "bottom",
});

input.on("submit", (value) => {
console.log("Password:", value);
});