@carbon/ibm-products/lib/components/ActionBar/ActionBarOverflowItems.d.ts

Carbon for IBM Products

import React, { PropsWithChildren, ReactElement, ForwardedRef } from 'react';
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
type OverflowItem = {
    label: string;
    onClick: () => void;
    renderIcon: CarbonIconType;
};
interface ActionBarOverflowItemProps extends PropsWithChildren {
    /**
     * className
     */
    className?: string;
    /**
     * class name applied to the overflow options
     */
    menuOptionsClass?: string;
    /**
     * overflowAriaLabel label for open close button overflow used for action bar items that do not fit.
     */
    overflowAriaLabel?: string;
    /**
     * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
     */
    overflowMenuRef?: ForwardedRef<HTMLDivElement>;
    /**
     * overflowItems: items to bre shown in the ActionBar overflow menu
     */
    overflowItems?: ReactElement<OverflowItem>[];
    /**
     * Optional tab index
     */
    tabIndex?: number;
}
export declare const ActionBarOverflowItems: {
    ({ className, menuOptionsClass, overflowItems, overflowAriaLabel, overflowMenuRef, }: ActionBarOverflowItemProps): React.JSX.Element;
    displayName: string;
    propTypes: {
        /**
         * className
         */
        className: any;
        /**
         * class name applied to the overflow options
         */
        menuOptionsClass: any;
        /**
         * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
         */
        overflowAriaLabel: any;
        /**
         * overflowItems: items to bre shown in the ActionBar overflow menu
         */
        overflowItems: any;
        /**
         * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
         */
        /**@ts-ignore */
        overflowMenuRef: any;
        /**
         * Optional tab index
         */
        tabIndex: any;
    };
};
export {};