feat(alert): add style props (#602)

affects: @gio-design/components Co-authored-by: Jack <panjie@growingio.com>
growingio · Dec 17, 2020 · dacd79d · dacd79d · vercel · Dec 17, 2020
1 parent c4c4566
commit dacd79d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/components/src/components/alert/alert.tsx b/packages/components/src/components/alert/alert.tsx
@@ -18,6 +18,7 @@ const Alert: React.FC<AlertProps> = (props: AlertProps) => {
     icon,
     type = 'info',
     size = 'middle',
+    style,
   } = props;
 
   const getIcon = () => {
@@ -43,6 +44,7 @@ const Alert: React.FC<AlertProps> = (props: AlertProps) => {
   return (
     <div>
       <div
+        style={style}
         className={classnames(
           prefixCls,
           size === 'small' ? `${prefixCls}-small` : '',

diff --git a/packages/components/src/components/alert/interfaces.ts b/packages/components/src/components/alert/interfaces.ts
@@ -35,4 +35,8 @@ export interface AlertProps {
    关闭时触发的回调函数
    */
   onClose?: () => void;
+  /**
+   外层样式
+   */
+  style?: React.CSSProperties;
 }