React FileManager - notifications

Configures notification settings.

Selector: Notifications
Type:

Object

showPanel

Specifies whether to show the progress panel.

Type:

Boolean

Default Value: true

The File Manager's Refresh button (DevExtreme File Manager - Show Progress Panel) displays additional marks (progress, check or exclamation mark) when the progress panel contains notifications and progress information. Click this button to show the progress panel.

DevExtreme File Manager - Show/Hide Progress Panel

The Refresh button does not display notification marks if the showPanel option is set to false.

App.js
  • import React from 'react';
  • import FileManager, { Notifications } from 'devextreme-react/file-manager';
  •  
  • const App = () => {
  • return (
  • <FileManager>
  • <Notifications
  • showPanel={false}
  • />
  • </FileManager>
  • );
  • };
  •  
  • export default App;

showPopup

Specifies whether to show the pop-up notification window.

Type:

Boolean

Default Value: true

DevExtreme File Manager - Show and Hide Popup Notification Panel

App.js
  • import React from 'react';
  • import FileManager, { Notifications } from 'devextreme-react/file-manager';
  •  
  • const App = () => {
  • return (
  • <FileManager>
  • <Notifications showPopup={false} />
  • </FileManager>
  • );
  • };
  •  
  • export default App;