# Configuration

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

{% tabs %}
{% tab title="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` |
| {% endtab %}          |           |                                                        |

{% tab title="Default" %}

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

{% endtab %}
{% endtabs %}

{% hint style="info" %}
**Note:** The initial Sidebar configuration is overridden by user preferences. 
{% endhint %}

{% code title="/MyPlugin/reactium-hooks.js" %}

```jsx
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);
});
```

{% endcode %}

The [Toolkit SDK](https://docs.reactium.io/reactium-toolkit/sdk) exposes a read-only property for the configuration object:

```javascript
Reactium.Toolkit.config
```

```jsx
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>;
};
```