Install File Manager
React component
Samples (3)
Install on Server
Cloud Storage
Changelog
Debug Manual
Multi-user Apps
Stock Images
API reference
Samples (27)

Install React file manager

Including the file manager in your React application may bring you a lot of new opportunities: from managing media on your server to attaching uploaded files and images to form fields, and so on.

1

Get NPM package

Download and install the NPM package into your project. Go into your project directory and run there in the console:

Install with NPM:

npm i --save @flmngr/flmngr-react

Install with Yarn:

yarn add @flmngr/flmngr-react
3

Install the backend

You also need to install file manager backend somewhere on your server.

✓

Ready to use

There two approaches depending what behavior you need:

  • Use <FlmngrPanel> component to mount the Flmngr file manager in your app.
  • Call Flmngr.open({params}) API method to open the dialog.

There are also a lot of utility methods described in the Flmngr API documentation.

Samples

See how to run React file manager using <FlmngrPanel> component:

At any time you can use imperative JavaScript calls to open dialogs and use service methods: