yozora-vue
Version:
Build beautiful, scalable UIs effortlessly with Yozora, a Vue 3 and Tailwind CSS component library focused on flexibility, responsiveness, and ease of customization. Perfect for developers seeking fast, maintainable, and utility-first design integration.
60 lines (59 loc) • 2.26 kB
TypeScript
/**
* Props for the TextInput component.
* @prop {boolean} isRequesting - Indicates if a request is being made.
* @prop {boolean} isLinked - Indicates if the value is linked on another data.
* @prop {string} modelValue - The model value of the input field.
* @prop {string} errorMessage - The error message to display.
* @prop {string} size - The size of the input field. Default is 'md'.
* @prop {string} noDataMessage - The message to display when there is no data.
* @prop {DataInterface[] | string[]} data - The data for the autocomplete suggestions.
* @prop {string} optionLabel - The label to display for each option in the suggestions.
*/
interface AutoCompleteInputProps {
isRequesting?: boolean;
isLinked?: boolean;
modelValue?: string | any;
errorMessage?: string;
size?: string;
noDataMessage?: string;
data?: any[] | string[];
optionLabel?: string;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {
input: HTMLInputElement;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import("vue").DefineComponent<AutoCompleteInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
completed: (...args: any[]) => void;
selected: (...args: any[]) => void;
}, string, import("vue").PublicProps, Readonly<AutoCompleteInputProps> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onCompleted?: ((...args: any[]) => any) | undefined;
onSelected?: ((...args: any[]) => any) | undefined;
}>, {
size: string;
data: any[] | string[];
modelValue: string | any;
errorMessage: string;
isRequesting: boolean;
isLinked: boolean;
noDataMessage: string;
optionLabel: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
input: HTMLInputElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};