@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
36 lines • 1.18 kB
TypeScript
import { ToolbarButtonProps } from "@fluentui/react-components";
import * as React from "react";
/**
* Extended toolbar item interface
*/
export interface IToolbarItem {
/** Unique key for the item */
key: string;
/** Label text for the button */
label?: string;
/** Tooltip content */
tooltip?: string;
/** Icon element */
icon?: React.ReactElement;
/** Click handler */
onClick?: () => void;
/** Whether the item is disabled */
disabled?: boolean;
/** Whether to show the item */
visible?: boolean;
/** Group name - items with the same group will be grouped together */
group?: string;
/** Whether this is a far item (appears on the right side) */
isFarItem?: boolean;
/** Button appearance */
appearance?: ToolbarButtonProps["appearance"];
/** Custom render function for complete control */
onRender?: () => React.ReactElement;
/** Whether to add a divider after this item */
dividerAfter?: boolean;
/** Whether to add a divider before this item */
dividerBefore?: boolean;
/** Aria label override */
ariaLabel?: string;
}
//# sourceMappingURL=IToolbarItem.d.ts.map