@fluentui/react-northstar
Version:
A themable React component library.
34 lines (33 loc) • 1.59 kB
TypeScript
import { Accessibility } from '@fluentui/accessibility';
import { ComponentEventHandler } from '../../types';
import { ChildrenComponentProps, ContentComponentProps, UIComponentProps } from '../../utils';
export interface ToolbarCustomItemProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps {
/**
* Accessibility behavior if overridden by the user.
*/
accessibility?: Accessibility<never>;
/** A custom item can remove element padding, vertically or horizontally. */
fitted?: boolean | 'horizontally' | 'vertically';
/** A custom item can be focused. */
focusable?: boolean;
/** A custom item can't be actionable. */
onClick?: never;
/**
* Called after user's focus. Will be called only if the item is focusable.
* @param event - React's original SyntheticEvent.
* @param data - All props.
*/
onFocus?: ComponentEventHandler<ToolbarCustomItemProps>;
/**
* Called after item blur. Will be called only if the item is focusable.
* @param event - React's original SyntheticEvent.
* @param data - All props.
*/
onBlur?: ComponentEventHandler<ToolbarCustomItemProps>;
}
export declare type ToolbarCustomItemStylesProps = Required<Pick<ToolbarCustomItemProps, 'fitted'>>;
export declare const toolbarCustomItemClassName = "ui-toolbar__customitem";
/**
* A ToolbarCustomItem renders Toolbar item as a non-actionable `div` with custom content inside.
*/
export declare const ToolbarCustomItem: import("@fluentui/react-bindings").ComponentWithAs<"div", ToolbarCustomItemProps>;