@progress/kendo-vue-labels
Version:
80 lines (79 loc) • 2.52 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { PropType } from 'vue';
/**
* Represents the props of the Kendo UI for Vue Label component.
*/
export interface LabelProps {
/**
* Represents the id of the label element.
* The value should be set to the editor `ariaLabelledBy` property.
* Can be used when the editor is not containing native form element.
*/
id?: string;
/**
* The id of the editor.
*/
editorId?: string;
/**
* An optional Vue ref to the editor.
* Used to redirect the click event to the editor when it does not contain native form element.
* To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
*/
editorRef?: any;
/**
* Specifies the validity of the editor. Used to define the editor is invalid.
*/
editorValid?: boolean;
/**
* Specifies if the editor is disabled.
*/
editorDisabled?: boolean;
/**
* If enabled marks the label as optional.
*/
optional?: boolean;
}
/**
* @hidden
*/
declare const Label: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: PropType<string>;
editorId: PropType<string>;
editorRef: PropType<any>;
editorValid: {
type: PropType<boolean>;
default: any;
};
editorDisabled: PropType<boolean>;
optional: PropType<boolean>;
}>, {
kendoLocalizationService: {};
}, {}, {
labelClassName(): {
'k-label': boolean;
'k-label-empty': boolean;
'k-text-error': boolean;
'k-text-disabled': boolean;
};
}, {
onLabelClick(e: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: PropType<string>;
editorId: PropType<string>;
editorRef: PropType<any>;
editorValid: {
type: PropType<boolean>;
default: any;
};
editorDisabled: PropType<boolean>;
optional: PropType<boolean>;
}>> & Readonly<{}>, {
editorValid: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { Label };