Input

Input field for single-line strings.

Interface: IInput.

See the parameters of this component in storybook.

To change the input size, use InputSize (base, middle, big, huge, large), for the input types, use InputType (text or password), and for the autocomplete feature, use InputAutocomplete (on or off). More information can be found here.

Example

import {Actions, type IInput, type IMessage, InputAutocomplete, InputSize, InputType} from "@onlyoffice/docspace-plugin-sdk"

const onChange = (value: string) => {
  input.value = value

  const message: IMessage = {
    actions: [Actions.updateProps],
    newProps: input,
  }
  return message
}

const input: IInput = {
  value: "",
  onChange,
  scale: true,
  size: InputSize.base,
  type: InputType.text,
  autoComplete: InputAutocomplete.off,
}