Global configuration

There are some params like darkMode or localization that can be set through a global config.
Also, you can add your custom icons sources.

This feature is possible thanks to the React Context hooks.

Context and Providers

When it comes to Context and Providers you can think that the provider is just the in charge one to pass globally a "prop". So you can avoid the set it individually on every component.
For using this feature you don't need to be an expert on

React.Context

Config

In the following demo we will wrap the complete app and will set the 3 allowed params:

darkMode
localization
icons

Component

Localization

Max file size: 28.00 MB, Files 0/10,

Drop your files here

<FilesUiProvider
    config={{
        localization: localization,
        darkMode: darkModeOn,
        icons: otherIcons ,
     }}
>
{/** components here */}
</FilesUiProvider>

This demo is a combination of other samples that you can find in their respective pages. For further information about the data types involved you can visit: