> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry-angular/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/berry-angular/theme-layouts.md).

# Theme Layouts

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

## Main Layouts

{% tabs %}
{% tab title="Default / Vertical" %}

* layout: `vertical`
* isCollapse\_menu: `false`
* sidebar\_caption\_hide: `false`
* isDarkMode: `true`
* isRtl\_layout: `false`
* theme\_color: `preset-1`
* font\_family:  `Roboto`
* isBox\_container: `true`
* i18n: `en`
  {% endtab %}

{% tab title="Horizontal" %}

* layout: `horizontal`
* isRtl\_layout: `false`
* sidebar\_caption\_hide: `false`
* isCollapse\_menu: `false`
* isRtl\_layout: `false`
* theme\_color: `preset-1`
* font\_family:  `Roboto`
* isBox\_container: `true`
* i18n: `en`
  {% endtab %}

{% tab title="Compact" %}

* layout: `Compact`
* isCollapse\_menu: `false`
* sidebar\_caption\_hide: `false`
* isDarkMode: `true`
* isRtl\_layout: `false`
* theme\_color: `preset-1`
* font\_family:  `Roboto`
* isBox\_container: `true`
* i18n: `en`
  {% endtab %}
  {% endtabs %}

## Vertical Layouts

{% tabs %}
{% tab title="Static Layout" %}

* layout: `vertical`
  {% endtab %}

{% tab title="Collapsed Menu" %}

* layout: `vertical`
* isCollapse\_Menu: `false`
  {% endtab %}

{% tab title="RTL Layout" %}

* layout: `vertical/compact`
* isRtl\_layout: `true`
  {% endtab %}

{% tab title="Dark Layout" %}

* layout: `vertical/horizontal/compact`
* isDarkMode: `false`
  {% endtab %}
  {% endtabs %}
