Alert.d.ts 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import * as React from 'react';
  2. import type { ClosableType } from '../_util/hooks/useClosable';
  3. export interface AlertRef {
  4. nativeElement: HTMLDivElement;
  5. }
  6. export interface AlertProps {
  7. /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
  8. type?: 'success' | 'info' | 'warning' | 'error';
  9. /** Whether Alert can be closed */
  10. closable?: ClosableType;
  11. /**
  12. * @deprecated please use `closable.closeIcon` instead.
  13. * Close text to show
  14. */
  15. closeText?: React.ReactNode;
  16. /** Content of Alert */
  17. message?: React.ReactNode;
  18. /** Additional content of Alert */
  19. description?: React.ReactNode;
  20. /** Callback when close Alert */
  21. onClose?: React.MouseEventHandler<HTMLButtonElement>;
  22. /** Trigger when animation ending of Alert */
  23. afterClose?: () => void;
  24. /** Whether to show icon */
  25. showIcon?: boolean;
  26. /** https://www.w3.org/TR/2014/REC-html5-20141028/dom.html#aria-role-attribute */
  27. role?: string;
  28. style?: React.CSSProperties;
  29. prefixCls?: string;
  30. className?: string;
  31. rootClassName?: string;
  32. banner?: boolean;
  33. icon?: React.ReactNode;
  34. closeIcon?: React.ReactNode;
  35. action?: React.ReactNode;
  36. onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
  37. onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
  38. onClick?: React.MouseEventHandler<HTMLDivElement>;
  39. id?: string;
  40. }
  41. declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>>;
  42. export default Alert;