@sap-ux/ui-components/dist/components/UICallout/UICallout.d.ts

SAP UI Components Library

import React from 'react';
import type { ICalloutProps, ICalloutContentStyles } from '@fluentui/react';
export interface UICalloutProps extends ICalloutProps {
    calloutMinWidth?: number;
    contentPadding?: UICalloutContentPadding;
    focusTargetSiblingOnTabPress?: boolean;
}
import '../../styles/_shadows.scss';
export declare const CALLOUT_STYLES: {
    background: string;
    boxShadow: string;
    borderColor: string;
    text: string;
    borderRadius: string;
};
export declare enum UICalloutContentPadding {
    None = "None",
    Standard = "Standard"
}
export declare const getCalloutStyle: (props: UICalloutProps) => ICalloutContentStyles;
/**
 * UICallout component.
 * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
 *
 * @exports
 * @class UICallout
 * @extends {React.Component<ICalloutProps, {}>}
 */
export declare class UICallout extends React.Component<UICalloutProps, {}> {
    /**
     * Initializes component properties.
     *
     * @param {UICalloutProps} props
     */
    constructor(props: UICalloutProps);
    /**
     * Method handles keydown event.
     * If "focusTargetSiblingOnTabPress" property is set and 'Tab' key is pressed,
     *  then method tries to focus next/previous sibling based on target.
     *
     * @param event Keydown event
     */
    private onKeyDown;
    /**
     * @returns {JSX.Element}
     */
    render(): JSX.Element;
}
//# sourceMappingURL=UICallout.d.ts.map