Configuration

You can modify the default behavior of the Toolkit by overriding the configuration object:

Properties

Property	Type	Description
brand	Node	String or component used to display the brand name
info	Node	String or component used to display version info
titlebar	String	Text used in the Titlebar of the browser
sidebar	Object	Sidebar configuration object
sidebar.collapsed	Boolean	Collapsed state of the Sidebar. Default: true
sidebar.position	String	Position of the Sidebar. Default: left
sidebar.width	Number	Width of the Sidebar when expanded. Default: 320

Default

{
    brand: 'Reactium',
    info: 'Toolkit version %ver',
    titlebar: 'Reactium | Toolkit',
    sidebar: {
        collapsed: true,
        position: Reactium.Toolkit.Sidebar.position.left,
        width: 320,
    },
};

Note: The initial Sidebar configuration is overridden by user preferences.

/MyPlugin/reactium-hooks.js

import Reactium from 'reactium-core/sdk'; 

Reactium.Plugin.register('MyPlugin').then(() => {
    // Ensure the toolkit plugin is available
    if (!Reactium.Toolkit) return;
    
    // Override sidebar width
    Reactium.Toolkit.setConfig('sidebar.width', 480);
});

The Toolkit SDK exposes a read-only property for the configuration object:

Reactium.Toolkit.config

import React from 'react'; 
import Reactium from 'reactium-core/sdk';

const MyComponent = () => {
    const config = Reactium.Toolkit.config; 
    
    console.log(config); 
    
    return <div>My Plugin</div>;
};