Learn the basics of implementing the Secure Share React UI
React MUI
Pangea has exposed the file viewer used within the Pangea Console and Secure Share link hosted pages as a public React-based Material-UI (MUI) component library to provide a simplified process for integrating the Secure Share functionality into your app.
The component library can be used to embed Secure Share directly into applications and interact with the APIs of the service. It requires a proxy server so that the Pangea service token is not embedded (and therefore, exposed) within a client.
The main interface of the React MUI component library is the ShareFileViewerProps interface. It configures a number of useful properties and utilizes the ShareProxyAPIRef to interact with the Share APIs.
For more information on the package, you can refer to the Secure Share File Viewer library documentation.
Customization
The ShareFileViewer component uses the Material-UI component library, so styling of the component can be controlled through a MUI Theme. For more information, check out the MUI theming documentation .
If you want to apply your Pangea branding to your end application, you can check out the @pangeacyber/react-mui-branding NPM package . The BrandingThemeProvider can fetch your Pangea Projects Branding and apply the styling to a Material-UI Theme.
Was this article helpful?