framework7-vue/components/input.d.ts

Build full featured iOS & Android apps using Framework7 & Vue

import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';


declare const Input: DefineComponent<
  {
    
    type: {
      type: StringConstructor;
    },

    name: {
      type: StringConstructor;
    },

    inputmode: {
      type: StringConstructor;
    },

    placeholder: {
      type: StringConstructor;
    },

    inputId: {
      type: StringConstructor | NumberConstructor;
    },

    size: {
      type: StringConstructor | NumberConstructor;
    },

    accept: {
      type: StringConstructor | NumberConstructor;
    },

    autocomplete: {
      type: StringConstructor;
    },

    autocorrect: {
      type: StringConstructor;
    },

    autocapitalize: {
      type: StringConstructor;
    },

    spellcheck: {
      type: StringConstructor;
    },

    autofocus: {
      type: BooleanConstructor;
    },

    autosave: {
      type: StringConstructor;
    },

    checked: {
      type: BooleanConstructor;
    },

    disabled: {
      type: BooleanConstructor;
    },

    max: {
      type: StringConstructor | NumberConstructor;
    },

    min: {
      type: StringConstructor | NumberConstructor;
    },

    step: {
      type: StringConstructor | NumberConstructor;
    },

    maxlength: {
      type: StringConstructor | NumberConstructor;
    },

    minlength: {
      type: StringConstructor | NumberConstructor;
    },

    multiple: {
      type: BooleanConstructor;
    },

    readonly: {
      type: BooleanConstructor;
    },

    required: {
      type: BooleanConstructor;
    },

    inputStyle: {
      type: StringConstructor | ObjectConstructor;
    },

    pattern: {
      type: StringConstructor;
    },

    validate: {
      type: BooleanConstructor | StringConstructor;
    },

    validateOnBlur: {
      type: BooleanConstructor;
    },

    onValidate: {
      type: FunctionConstructor;
    },

    tabindex: {
      type: StringConstructor | NumberConstructor;
    },

    resizable: {
      type: BooleanConstructor;
    },

    clearButton: {
      type: BooleanConstructor;
    },

    noFormStoreData: {
      type: BooleanConstructor;
    },

    noStoreData: {
      type: BooleanConstructor;
    },

    ignoreStoreData: {
      type: BooleanConstructor;
    },

    errorMessage: {
      type: StringConstructor;
    },

    errorMessageForce: {
      type: BooleanConstructor;
    },

    info: {
      type: StringConstructor;
    },

    outline: {
      type: BooleanConstructor;
    },

    calendarParams: {
      type: ObjectConstructor;
    },

    colorPickerParams: {
      type: ObjectConstructor;
    },

    textEditorParams: {
      type: ObjectConstructor;
    },

    value: {
      type: StringConstructor | NumberConstructor | ArrayConstructor | any | ObjectConstructor;
      default: undefined;
    },

    wrap: {
      type: BooleanConstructor;
      default: boolean;
    },

    dropdown: {
      type: StringConstructor | BooleanConstructor;
      default: string;
    },

    color: {
      type: StringConstructor;
    },

    colorTheme: {
      type: StringConstructor;
    },

    textColor: {
      type: StringConstructor;
    },

    bgColor: {
      type: StringConstructor;
    },

    borderColor: {
      type: StringConstructor;
    },

    rippleColor: {
      type: StringConstructor;
    },

    dark: {
      type: BooleanConstructor;
    }
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  ("input" | "focus" | "blur" | "change" | "textarea:resize" | "input:notempty" | "input:empty" | "input:clear" | "texteditor:change" | "calendar:change" | "colorpicker:change" | "update:value")[],
  "input" | "focus" | "blur" | "change" | "textarea:resize" | "input:notempty" | "input:empty" | "input:clear" | "texteditor:change" | "calendar:change" | "colorpicker:change" | "update:value"
>;

export default Input;