Mantra official documentation

24-adapting-root-html-document-to-mantra.md

A  A  A 

Adapting root HTML Document to Be Used with Mantra

Any HTML template can be used with Mantra. Actually, despite in current version of the framework, Mustache is used as the rendering engine, you can include any UI library (Angular, Vue, etc.).

To use a HTML template as a frontend in Mantra, three default Mantra blocks must be included:

  • mantra-css-files, for including css files.
  • mantra-content-view, to render the content of the views.
  • mantra-js-files, for including js files.

That's all!

Here there's a minimal example:

<!DOCTYPE html>
<html lang="en">
    <head>
        {{{mantra-css-files}}}
    </head>
    <body>
        {{{mantra-content-view}}}
        {{{mantra-js-files}}}
    </body>
</html>

To learn by example, go to Mantra demos and components sections of Mantra site.