Configuration
You can modify the default behavior of the Toolkit by overriding the configuration object:
Properties
Default
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 |
{
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);
});
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>;
};
Last modified 2yr ago