/** * @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; disabled: PropType; focused: PropType; index: PropType; icon: PropType; item: PropType; dataItem: PropType; text: PropType; tabIndex: PropType; customProp: PropType; class: PropType; }>, { elementRef: import('vue').Ref; }, {}, { 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; disabled: PropType; focused: PropType; index: PropType; icon: PropType; item: PropType; dataItem: PropType; text: PropType; tabIndex: PropType; customProp: PropType; class: PropType; }>> & Readonly<{ onClick?: (event: any, index: number) => any; onDown?: (event: any) => any; }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; export { FloatingActionButtonItem };