Add Notification multiLine prop

marmelab · Apr 19, 2021 · 0be4bb4 · 0be4bb4
1 parent 8ef6045
commit 0be4bb4
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/ra-ui-materialui/src/layout/Notification.tsx b/packages/ra-ui-materialui/src/layout/Notification.tsx
@@ -18,6 +18,7 @@ import {
 
 interface Props {
     type?: string;
+    multiLine?: boolean;
 }
 
 const useStyles = makeStyles(
@@ -37,6 +38,9 @@ const useStyles = makeStyles(
         undo: {
             color: theme.palette.primary.light,
         },
+        multiLine: {
+            whiteSpace: 'pre-wrap',
+        },
     }),
     { name: 'RaNotification' }
 );
@@ -49,6 +53,7 @@ const Notification: React.FunctionComponent<
         type,
         className,
         autoHideDuration,
+        multiLine,
         ...rest
     } = props;
     const [open, setOpen] = useState(false);
@@ -96,6 +101,7 @@ const Notification: React.FunctionComponent<
             ContentProps={{
                 className: classnames(
                     styles[(notification && notification.type) || type],
+                    { [styles['multiLine']]: multiLine },
                     className
                 ),
             }}
@@ -118,11 +124,13 @@ const Notification: React.FunctionComponent<
 
 Notification.propTypes = {
     type: PropTypes.string,
+    multiLine: PropTypes.bool,
 };
 
 Notification.defaultProps = {
     type: 'info',
     autoHideDuration: 4000,
+    multiLine: false,
 };
 
 export default Notification;