@progress/kendo-vue-layout/stepper/Step.d.ts

TODO

/**
 * @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';
/**
* @hidden
*/
export interface StepComputed {
    itemClassNames: object;
    itemStyles: object;
}
/**
* Represents the [Kendo UI for Vue Step component]({% slug overview_stepper %}).
*
* ```jsx
* <Step v-bind="props" @change="(e) => props.onChange(e)">
* <span class="k-step-indicator" aria-hidden="true">
*    <span class="emoji">{{ props.emoji }}</span>
* </span>
* <span class="k-step-label">
*    <span class="k-step-text">{{ props.label }}</span>
* </span>
* </Step>
* ```
*/
declare const Step: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    current: PropType<boolean>;
    disabled: PropType<boolean>;
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    index: PropType<number>;
    isValid: {
        type: PropType<boolean>;
        default: any;
    };
    focused: PropType<any>;
    label: PropType<string>;
    optional: PropType<boolean>;
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    text: PropType<string>;
    animationDuration: PropType<any>;
    isVertical: PropType<any>;
    item: PropType<any>;
    linear: PropType<any>;
    mode: PropType<any>;
    numOfSteps: PropType<any>;
    value: PropType<any>;
    successIcon: PropType<String>;
    successSvgIcon: PropType<Object>;
    errorIcon: PropType<String>;
    errorSvgIcon: PropType<Object>;
    onChange: PropType<any>;
    onFocus: PropType<any>;
}>, {
    kendoLocalizationService: {};
}, {}, {
    itemClassNames(): StepComputed['itemClassNames'];
    itemStyles(): StepComputed['itemStyles'];
}, {
    getStepIndicatorContent(label: string, icon: string, svgIcon: any, text: string, index: number, isValid: boolean | undefined, validationIcons: any): any;
    focus(): void;
    handleClick(event: any): void;
    handleFocus(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    current: PropType<boolean>;
    disabled: PropType<boolean>;
    icon: PropType<string>;
    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
    index: PropType<number>;
    isValid: {
        type: PropType<boolean>;
        default: any;
    };
    focused: PropType<any>;
    label: PropType<string>;
    optional: PropType<boolean>;
    tabIndex: {
        type: PropType<number>;
        default: number;
    };
    text: PropType<string>;
    animationDuration: PropType<any>;
    isVertical: PropType<any>;
    item: PropType<any>;
    linear: PropType<any>;
    mode: PropType<any>;
    numOfSteps: PropType<any>;
    value: PropType<any>;
    successIcon: PropType<String>;
    successSvgIcon: PropType<Object>;
    errorIcon: PropType<String>;
    errorSvgIcon: PropType<Object>;
    onChange: PropType<any>;
    onFocus: PropType<any>;
}>> & Readonly<{}>, {
    tabIndex: number;
    isValid: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
/**
* Represents the [Kendo UI for Vue Step component]({% slug overview_stepper %}).
*
* ```jsx
* <Step v-bind="props" @change="(e) => props.onChange(e)">
* <span class="k-step-indicator" aria-hidden="true">
*    <span class="emoji">{{ props.emoji }}</span>
* </span>
* <span class="k-step-label">
*    <span class="k-step-text">{{ props.label }}</span>
* </span>
* </Step>
* ```
*/
export { Step };