43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import type { ClosableType } from '../_util/hooks/useClosable';
|
||
|
|
export interface AlertRef {
|
||
|
|
nativeElement: HTMLDivElement;
|
||
|
|
}
|
||
|
|
export interface AlertProps {
|
||
|
|
/** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
|
||
|
|
type?: 'success' | 'info' | 'warning' | 'error';
|
||
|
|
/** Whether Alert can be closed */
|
||
|
|
closable?: ClosableType;
|
||
|
|
/**
|
||
|
|
* @deprecated please use `closable.closeIcon` instead.
|
||
|
|
* Close text to show
|
||
|
|
*/
|
||
|
|
closeText?: React.ReactNode;
|
||
|
|
/** Content of Alert */
|
||
|
|
message?: React.ReactNode;
|
||
|
|
/** Additional content of Alert */
|
||
|
|
description?: React.ReactNode;
|
||
|
|
/** Callback when close Alert */
|
||
|
|
onClose?: React.MouseEventHandler<HTMLButtonElement>;
|
||
|
|
/** Trigger when animation ending of Alert */
|
||
|
|
afterClose?: () => void;
|
||
|
|
/** Whether to show icon */
|
||
|
|
showIcon?: boolean;
|
||
|
|
/** https://www.w3.org/TR/2014/REC-html5-20141028/dom.html#aria-role-attribute */
|
||
|
|
role?: string;
|
||
|
|
style?: React.CSSProperties;
|
||
|
|
prefixCls?: string;
|
||
|
|
className?: string;
|
||
|
|
rootClassName?: string;
|
||
|
|
banner?: boolean;
|
||
|
|
icon?: React.ReactNode;
|
||
|
|
closeIcon?: React.ReactNode;
|
||
|
|
action?: React.ReactNode;
|
||
|
|
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
|
||
|
|
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
|
||
|
|
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
||
|
|
id?: string;
|
||
|
|
}
|
||
|
|
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>>;
|
||
|
|
export default Alert;
|