@yandex/ui/MessageBox/MessageBox.d.ts

Yandex UI components

import { FC, ReactNode, MouseEventHandler, Ref, RefObject } from 'react';
import './MessageBox.css';
export { MessageBoxCorner as Corner, MessageBoxCornerProps } from './Corner/MessageBox-Corner';
export { MessageBoxTextWrap as Wrapper, MessageBoxTextWrapProps } from './TextWrap/MessageBox-TextWrap';
export declare type MessageBoxProps = {
    /**
     * Дополнительный className
     */
    className?: string;
    /**
     * Элемент, который будет размещен в углу компонента
     */
    corner?: ReactNode;
    /**
     * Делает фон непрозрачным
     */
    opaque?: boolean;
    /**
     * Обработчик клика на close элемент и индикатор того, что close надо показать
     */
    onClose?: MouseEventHandler<HTMLButtonElement>;
    /**
     * Кнопка или набор кнопок, которые будут размещены внизу компонента
     */
    actions?: ReactNode;
    /**
     * Элемент, который будет размещен на фоне компонента
     */
    background?: ReactNode;
    /**
     * Раскладка компонента
     *
     * @default 'plain'
     */
    layout?: 'tooltip' | 'plain' | 'functional';
    /**
     * Ссылка на корневой DOM-элемент компонента
     */
    innerRef?: RefObject<HTMLDivElement>;
    /**
     * Ссылка на DOM-элемент хвостика
     */
    tailRef?: Ref<HTMLDivElement>;
    /**
     * Включает/отключает хвостик у компонента
     */
    hasTail?: boolean;
    /**
     * Тип хвостика
     *
     * @default 'default'
     */
    tailType?: 'default' | 'rounded';
};
export declare const cnMessageBox: import("@bem-react/classname").ClassNameFormatter;
/**
 * Визуальный компонент для уведомлений, плашек и других паттернов.
 * @param {MessageBoxProps} props
 */
export declare const MessageBox: FC<MessageBoxProps>;