Input

Single-line form input on the shared .eq-control contract: hairline-strong border, brass :focus-visible ring, danger border when aria-invalid.

Prop	Type	Notes
`mono`	`boolean`	Mono + tabular numerals — for literal values (ids, cron, money). Defaults on for type="number".
`size`	`'md' \| 'sm'`	Control height: md = --control-h, sm = --control-h-sm.
`className`	`string`

Other props pass through to the root element (React.InputHTMLAttributes<HTMLInputElement>).

Preview

Declarations

TypeScript

export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
  /** Mono + tabular numerals — for literal values (ids, cron, money).
   *  Defaults on for type="number". */
  mono?: boolean;
  /** Control height: md = --control-h, sm = --control-h-sm. */
  size?: 'md' | 'sm';
  className?: string;
}

/**
 * Single-line form input on the shared `.eq-control` contract: hairline-strong
 * border, brass :focus-visible ring, danger border when aria-invalid.
 */
export function Input(props: InputProps): React.JSX.Element;