Mantis Angular
  • ✨Introduction
  • 🚀Quick Installation
  • 📂Directory Structure
  • 📄Page Structure
  • 🛠️Theme Configuration
  • 🎨Theme Layouts
  • ✏️How to
    • Dashboard as First Page
    • Login as First Page
    • Remove Authentication
    • Remove Role Base Authentication
    • Guard Children Routes
    • Role Base Authentication
  • 📦Dependencies
  • 🆘Support
  • 📅Changelog
Powered by GitBook
On this page
  • Main Layouts
  • Theme Layouts

Theme Layouts

Layout Variants

You can edit this file at [ ../src/app/app-config.ts ]

Main Layouts

  • layout: vertical

  • isCollapseMenu: false

  • isDarkMode: false

  • isRtlLayout: false

  • isBoxContainer: false

  • theme_color: preset-1

  • font_family: public-sans

  • i18n: en

  • layout: compact

  • layout: vertical

  • isCollapseMenu: false

  • isDarkMode: false

  • isRtlLayout: false

  • isBoxContainer: false

  • theme_color: preset-1

  • font_family: public-sans

  • i18n: en

  • layout: horizontal

  • layout: vertical

  • isCollapseMenu: false

  • isDarkMode: false

  • isRtlLayout: false

  • isBoxContainer: false

  • theme_color: preset-1

  • font_family: public-sans

  • i18n: en

Theme Layouts

  • layout: vertical/horizontal/compact

  • isCollapseMenu: false

  • isDarkMode: true

  • isRtlLayout: false

  • isBoxContainer: false

  • theme_color: preset-1

  • font_family: public-sans

  • i18n: en

  • layout: vertical/compact

  • isCollapseMenu: false

  • isDarkMode: false

  • isRtlLayout: true

  • isBoxContainer: false

  • theme_color: preset-1

  • font_family: public-sans

  • i18n: en

PreviousTheme ConfigurationNextHow to

Last updated 10 months ago

🎨