Input

input · Controls · All components

Text field with optional label. Set multiline for a textarea.

Input example

board
  screen custom width=420 height=760
    input "Email" placeholder="you@example.com" helper="We never share it"
    input "Username" value="dana moore" error helper="No spaces allowed"
    input password "Password" value=secret
    input search placeholder="Search"
    input "Message" multiline=3
    stack row gap=8
      input placeholder="grow fills the row" grow
      button primary "Send"
    input "Check-in" type=date value="Oct 14, 2026"
    input "Verification code" type=code value="4821" helper="Sent to (555) 010-2400"
  screen custom "type=date open" width=420 height=440
    input "Check-in" type=date value="Oct 14, 2026" open
    input "Check-out" type=date value="Oct 18, 2026"

Writing it

A quoted string sets label: input "…".
Bare words set type: text, password, search, email, date, code.
open turns open on; no-open turns it off.
error turns error on; no-error turns it off.
grow turns grow on; no-grow turns it off.
Anything else is written key=value.
Has no children.

Props

Prop	Values	Notes
`label` (main text)	string
`placeholder`	string
`value`	string
`type`	text, password, search, email, date, code	date shows a calendar icon; code draws one box per digit
`digits`	number	Boxes for type=code, default 6
`open`	boolean	type=date: show the calendar below the field
`multiline`	number	Number of rows; 2 or more makes a textarea
`helper`	string
`error`	boolean	Validation error: red border and red helper text
`grow`	boolean	Fill the remaining space in a row
`width`	number, string	Fixed width, e.g. 320. Default fills the space.

tsquare 0.9.0 · View this page on GitHub