@sms-frontend/components/lib/Message/interface.d.ts

SMS Design React UI Library.

import { ReactNode, CSSProperties } from 'react';
/**
 * @title Message
 */
export interface MessageProps {
    style?: CSSProperties;
    className?: string | string[];
    /**
     * @zh 消息弹出动画的类名，见 react-transition-group 的 `classNames`
     * @en ClassNames of react-transition-group of the message pop-up animation, see `classNames`
     */
    transitionClassNames?: string;
    /**
     * @zh 消息内容
     * @en Message content
     */
    content: ReactNode | string;
    /**
     * @zh 是否显示图标
     * @en Whether to show the icon
     * @defaultValue true
     */
    showIcon?: boolean;
    /**
     * @zh 自定义图标
     * @en Custom icon
     */
    icon?: ReactNode;
    /**
     * @zh 自动关闭的时间，单位为 `ms`
     * @en Automatic shutdown time, the unit is `ms`
     * @defaultValue 3000
     */
    duration?: number;
    /**
     * @zh 关闭时的回调
     * @en Callback when close
     */
    onClose?: () => void;
    /**
     * @zh 当前消息的唯一标识，可以用来更新消息
     * @en The unique identifier of the current message, which can be used to update the message
     */
    id?: string;
    /**
     * @zh 消息的位置，分为 `top` 上方和 `bottom` 下方
     * @en The position of the message
     */
    position?: 'top' | 'bottom';
    /**
     * @zh 是否显示关闭按钮
     * @en Whether to show the close button
     */
    closable?: boolean;
    type?: string;
}