Skip to main content

Configuration

Familiarize the process involved to configure the Share File Viewer

Installation​

Install Material-UI library.

npm

npm install @mui/material @emotion/react @emotion/styled @pangeacyber/react-mui-share-file-viewer

yarn

yarn add @mui/material @emotion/react @emotion/styled @pangeacyber/react-mui-share-file-viewer

Peer Dependencies​

Please note that react and react-dom are peer dependencies too:

"peerDependencies": {
  "react": "^17.0.0 || ^18.0.0",
  "react-dom": "^17.0.0 || ^18.0.0"
},

To learn more about Material-UI (MUI) check out their official documentation.

Customization​

Our components use the Material-UI component library, so styling of the component can be controlled through a MUI Theme. See Theming documentation here.

Want to apply your Pangea branding to your end application? Check out the @pangeacyber/react-mui-branding npm package here. The BrandingThemeProvider can fetch your Pangea project's branding and apply the styling to a Material-UI Theme.

Next Steps​