# 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](/reactium-toolkit/sdk.md) 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>;
};
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.reactium.io/reactium-toolkit/config.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.