Vue FileManager - notifications

Configures notification settings.

Selector: DxNotifications
Type:

Object

showPanel

Specifies whether to show the progress panel.

Selector: show-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.

Selector: show-popup
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;