> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/gradient-able-react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/gradient-able-react/template-config.md).

# Template Config

{% hint style="info" %}
You can edit this file at **`[ ../src/config/constant.js ]`**
{% endhint %}

<table><thead><tr><th width="205">Option</th><th width="142">Default</th><th width="95">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>layout</strong></td><td>vertical</td><td>string</td><td><code>vertical</code>, <code>horizontal</code></td></tr><tr><td><strong>subLayout</strong></td><td>' '</td><td>string</td><td><code>horizontal-2</code></td></tr><tr><td><strong>collapseMenu</strong></td><td>false</td><td>boolean</td><td><code>false</code>, <code>true</code></td></tr><tr><td><strong>layoutType</strong></td><td>menu-light</td><td>string</td><td><code>menu-dark</code>, <code>menu-light</code>, <code>dark</code></td></tr><tr><td><strong>headerBackColor</strong></td><td>header-blue</td><td>string</td><td><code>header-blue</code>, <code>header-red</code>, <code>header-purple</code>, <code>header-info</code>, <code>header-green</code>, <code>header-dark</code></td></tr><tr><td><strong>rtlLayout</strong></td><td>false</td><td>boolean</td><td><code>false</code>, <code>true</code></td></tr><tr><td><strong>navFixedLayout</strong></td><td>true</td><td>boolean</td><td><code>false</code>, <code>true</code></td></tr><tr><td><strong>headerFixedLayout</strong></td><td>true</td><td>boolean</td><td><code>false</code>, <code>true</code></td></tr><tr><td><strong>boxLayout</strong></td><td>false</td><td>boolean</td><td><code>false</code>, <code>true</code></td></tr><tr><td><strong>i18n</strong></td><td>en</td><td>string</td><td><code>en</code>, <code>fr</code>, <code>ro</code>, <code>zh</code></td></tr></tbody></table>

{% tabs %}
{% tab title="constant.js" %}

```javascript
export const BASE_URL = '/app/dashboard/analytics';
export const BASE_TITLE = ' | Gradient Able Premium React + Admin Template';

export const CONFIG = {
  layout: 'vertical', // vertical, horizontal
  subLayout: '', // horizontal-2
  collapseMenu: false, // mini-menu
  layoutType: 'menu-light', // menu-dark, menu-light, dark
  headerBackColor: 'header-blue', // header-blue, header-red, header-purple, header-info, header-green, header-dark
  rtlLayout: false,
  navFixedLayout: true,
  headerFixedLayout: true,
  boxLayout: false,
  i18n: 'en' // 'en', 'fr', 'ro', 'zh'
};

```

{% endtab %}
{% endtabs %}