@volverjs/ui-vue
Version:
@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.
191 lines (190 loc) • 5.3 kB
TypeScript
import type { ExtractPropTypes } from 'vue';
import type { VvIconProps } from '../VvIcon';
export declare const WRAP: {
hard: string;
soft: string;
};
export declare const SPELLCHECK: {
true: boolean;
false: boolean;
default: string;
};
export declare const VvTextareaEvents: string[];
export declare const VvTextareaProps: {
/**
* Textarea value
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#value
*/
modelValue: StringConstructor;
/**
* The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#cols
*/
cols: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
/**
* The number of visible text lines for the control. If it is specified, it must be a positive integer. If it is not specified, the default value is 2.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#rows
*/
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
/**
* Indicates how the control should wrap the value for form submission.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
*/
wrap: {
type: StringConstructor;
default: string;
};
/**
* Specifies whether the <textarea> is subject to spell checking by the underlying browser/OS.
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
*/
spellcheck: {
type: (BooleanConstructor | StringConstructor)[];
default: string;
};
/**
* VvIcon name for remove suggestion button
* @see VvIcon
*/
iconRemoveSuggestion: {
type: PropType<string | VvIconProps>;
default: "trash";
};
/**
* Label for remove suggestion button
*/
labelRemoveSuggestion: {
type: StringConstructor;
default: string;
};
/**
* Maximum number of suggestions
*/
maxSuggestions: {
type: NumberConstructor;
default: number;
};
/**
* Select input text on focus
*/
selectOnFocus: {
type: BooleanConstructor;
default: boolean;
};
/**
* If true, the textarea will be resizable
*/
resizable: BooleanConstructor;
storageType: {
type: PropType<`${import("../../constants").StorageType}`>;
default: import("../../constants").StorageType;
validator: (value: import("../../constants").StorageType) => boolean;
};
storageKey: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
placeholder: {
type: StringConstructor;
default: undefined;
};
label: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
floating: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: PropType<string | VvIconProps>;
default: undefined;
};
iconPosition: {
type: PropType<`${import("../../constants").Position}`>;
default: import("../../constants").Position;
validation: (value: import("../../constants").Position) => boolean;
};
debounce: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
count: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
validator: (value: string) => boolean;
};
modifiers: {
type: PropType<string | string[]>;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
loadingLabel: {
type: StringConstructor;
default: string;
};
hintLabel: {
type: StringConstructor;
default: string;
};
invalid: {
type: BooleanConstructor;
default: boolean;
};
invalidLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
valid: {
type: BooleanConstructor;
default: boolean;
};
validLabel: {
type: (ArrayConstructor | StringConstructor)[];
default: undefined;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
autocomplete: {
type: StringConstructor;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
name: {
type: StringConstructor;
required: boolean;
};
id: (StringConstructor | NumberConstructor)[];
};
export type VvTextareaPropsTypes = ExtractPropTypes<typeof VvTextareaProps>;