@progress/kendo-vue-buttons/FloatingActionButton/FloatingActionButtonItem.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';
import { SVGIcon } from '@progress/kendo-vue-common';
/**
 * The FloatingActionButtonItemHandle ref.
 */
export interface FloatingActionButtonItemHandle {
    /**
     * The FloatingActionButtonItemHandle element.
     */
    element: HTMLLIElement | null;
    /**
     * Focus the FloatingActionButtonItem.
     */
    focus: () => void;
}
/**
 * Represents the props of the
 * [Kendo UI for Vue FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
 */
export interface FloatingActionButtonItemProps {
    /**
     * Specifies if the Floating Action Button Item
     * is disabled [see example]({% slug disabled_floatingactionbuttonitem %}).
     * Defaults to `false`.
     */
    disabled?: boolean;
    /**
     * Sets the index of the Floating Action Button Item that is used to identify it.
     */
    index?: number;
    /**
     * Defines the icon rendered in the FloatingActionButtonItem
     * [see example]({% slug databinding_floatingactionbutton %}).
     */
    icon?: string;
    /**
     * Defines the svg icon in a Kendo UI for Vue theme.
     */
    svgIcon?: SVGIcon;
    /**
     * Specifies the text of the FloatingActionButtonItem
     * [see example]({% slug databinding_floatingactionbutton %}).
     */
    text?: string;
    /**
     * Sets the `tabIndex` property of the FloatingActionButtonItem..
     * Defaults to `0`.
     */
    tabIndex?: number;
    /**
     * Sets a custom property. Contained in the FloatingActionButtonItem props that are
     * returned from the `onItemClick` FloatingActionButton event
     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
     */
    [customProp: string]: any;
    /**
     * @hidden
     */
    id?: string;
    /**
     * @hidden
     */
    class?: string;
    /**
     * @hidden
     */
    dataItem?: any;
    /**
     * @hidden
     */
    item?: any;
    /**
     * @hidden
     */
    focused?: boolean;
    /**
     * @hidden
     */
    onDown?: (event: any) => void;
    /**
     * @hidden
     */
    onClick?: (event: any, index: number) => void;
}
/**
 * @hidden
 */
declare const FloatingActionButtonItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    disabled: PropType<boolean>;
    focused: PropType<boolean>;
    index: PropType<number>;
    icon: PropType<string>;
    item: PropType<any>;
    dataItem: PropType<any>;
    text: PropType<string>;
    tabIndex: PropType<number>;
    customProp: PropType<any>;
    class: PropType<string>;
}>, {
    elementRef: import('vue').Ref<any, any>;
}, {}, {
    itemClassNames(): string;
}, {
    handleClick(event: any): void;
    focusElement(): void;
    onMouseDown(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    click: (event: any, index: number) => true;
    down: (event: any) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    disabled: PropType<boolean>;
    focused: PropType<boolean>;
    index: PropType<number>;
    icon: PropType<string>;
    item: PropType<any>;
    dataItem: PropType<any>;
    text: PropType<string>;
    tabIndex: PropType<number>;
    customProp: PropType<any>;
    class: PropType<string>;
}>> & Readonly<{
    onClick?: (event: any, index: number) => any;
    onDown?: (event: any) => any;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { FloatingActionButtonItem };