UNPKG

@progress/kendo-react-layout

Version:

React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package

77 lines (76 loc) 2.16 kB
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import * as React from 'react'; /** * Represents the props of the KendoReact ActionSheetItem component. */ export interface ActionSheetItemProps { /** * Sets additional CSS classes to the ActionSheet. */ className?: string; /** * Sets additional CSS styles to the ActionSheet. */ style?: React.CSSProperties; /** * **Deprecated**. Specifies the `tabIndex` of the ActionSheetItem. * * Set the tabIndex to the ActionSheet component instead. * * @deprecated */ tabIndex?: number; /** * Specifies additional text rendered under the item's title. * Specifies additional text rendered under the `title` of the ActionSheetItem. */ description?: string; /** * Specifies if the ActionSheetItem is initially disabled. * * @default false */ disabled?: boolean; /** * Defines the ActionSheetItem group. Items can be segregated in two groups - `top` and `bottom`. * Each group specifies whether the ActionSheetItem will be rendered over the separator or under it. */ group?: 'top' | 'bottom'; /** * Defines the icon rendered inside the ActionSheetItem. */ icon?: React.ReactElement<any>; /** * Specifies the text content of the ActionSheetItem. */ title?: string; /** * Specifies the ActionSheetItem. */ item?: any; /** * @hidden */ onClick?: (event: { syntheticEvent: React.SyntheticEvent; title?: string; }) => void; /** * @hidden */ onKeyDown?: (event: React.SyntheticEvent, title: string | undefined, id: number | undefined) => void; /** * @hidden */ focused?: boolean; /** * @hidden */ id?: number; }