---
description: Layout Variants
---

# 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`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
{% endtab %}

{% tab title="Horizontal" %}
* layout: `horizontal`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
{% endtab %}

{% tab title="Compact" %}
* layout: `compact`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `false`
* isBox\_container: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
{% endtab %}
{% endtabs %}

## Theme Layouts

{% tabs %}
{% tab title="Dark Layout" %}
* layout: `vertical/horizontal/compact`
* isCollapseMenu: `false`
* isDarkMode: `true`
* isRtlLayout: `false`
* isBoxContainer: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
{% endtab %}

{% tab title="RTL Layout" %}
* layout: `vertical/compact`
* isCollapseMenu: `false`
* isDarkMode: `false`
* isRtlLayout: `true`
* isBoxContainer: `false`
* theme\_color: `preset-1`
* font\_family:  `public-sans`
* i18n: `en`
{% endtab %}
{% endtabs %}
