InputStyleOptions

The InputStyleOptions type lets you style the three visual parts of an Input component independently — the input field itself, the label, and the border.

Type Definition

• input: A StyleOptions object applied to the text inside the input field.
• label: A StyleOptions object applied to the label text.
• border: A StyleOptions object applied to the border surrounding the input.

type InputStyleOptions = {
  input?: StyleOptions;
  label?: StyleOptions;
  border?: StyleOptions;
}

Usage

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

const input = new Input({
label: "Username",
styles: {
input: { color: "white" },
label: { color: "cyan", styles: ["bold"] },
border: { color: "green" },
},
});