Function TextInput

Parameters

• params: {
      autoComplete?: string;
      autoFocus?: boolean;
      change?: (value: string, event: ChangeEvent<HTMLElement>) => void;
      className?: string;
      click?: MouseEventHandler<HTMLElement>;
      columns?: number;
      contextMenu?: MouseEventHandler<HTMLElement>;
      default?: string;
      disabled?: boolean;
      email?: boolean;
      focus?: FocusEventHandler<HTMLElement>;
      icon?: string;
      id?: string;
      maxHeight?: number;
      maxWidth?: number;
      minHeight?: number;
      minWidth?: number;
      mouseOut?: MouseEventHandler<HTMLElement>;
      mouseOver?: MouseEventHandler<HTMLElement>;
      mouseUp?: MouseEventHandler<HTMLElement>;
      multiline?: boolean;
      number?: boolean;
      password?: boolean;
      placeholder?: string;
      ref?: Ref<HTMLInputElement | HTMLTextAreaElement | null>;
      rows?: number;
      scroll?: UIEventHandler<HTMLElement>;
      search?: boolean;
      style?: CSSProperties;
      telephone?: boolean;
      wheel?: WheelEventHandler<HTMLElement>;
  }

  • OptionalautoComplete?: string

    See MDN reference.

  • OptionalautoFocus?: boolean

    Whether the input has automatic focus or not.

  • Optionalchange?: (value: string, event: ChangeEvent<HTMLElement>) => void

    Change event.

  • OptionalclassName?: string

  • Optionalclick?: MouseEventHandler<HTMLElement>

  • Optionalcolumns?: number

    For multiline inputs, indicates the number of columns.

  • OptionalcontextMenu?: MouseEventHandler<HTMLElement>

  • Optionaldefault?: string

    Default value.

  • Optionaldisabled?: boolean

    Whether disabled or not.

  • Optionalemail?: boolean

    Indicates whether the input is an e-mail field.

  • Optionalfocus?: FocusEventHandler<HTMLElement>

  • Optionalicon?: string

    Icon (only effects if input is a single line). If the search option is true, then the default icon is the search icon.

  • Optionalid?: string

  • OptionalmaxHeight?: number

  • OptionalmaxWidth?: number

  • OptionalminHeight?: number

  • OptionalminWidth?: number

  • OptionalmouseOut?: MouseEventHandler<HTMLElement>

  • OptionalmouseOver?: MouseEventHandler<HTMLElement>

  • OptionalmouseUp?: MouseEventHandler<HTMLElement>

  • Optionalmultiline?: boolean

    Whether the input is multiline or not.

  • Optionalnumber?: boolean

    Indicates whether the input is a number field.

  • Optionalpassword?: boolean

    Indicates whether the input is a password field.

  • Optionalplaceholder?: string

    Placeholder text.

  • Optionalref?: Ref<HTMLInputElement | HTMLTextAreaElement | null>

  • Optionalrows?: number

    For multiline inputs, indicates the number of rows.

  • Optionalscroll?: UIEventHandler<HTMLElement>

  • Optionalsearch?: boolean

    Indicates whether the input is a search field.

  • Optionalstyle?: CSSProperties

  • Optionaltelephone?: boolean

    Indicates whether the input is a telephone field.

  • Optionalwheel?: WheelEventHandler<HTMLElement>