Trio Icon
Trio v6.1.0
Documentation is evolving and is a WIP

Template

A template is a required asset that is associated with one or more fragment assets. The association between a template and a fragment is made by the fragment, using the predefined "template" front matter property, and assigning it the name of the template it is associated with.

  • file location: root/source/templates
  • file type/content: .html/HTML
  • applicable data-trio-* attributes: data-trio-fragment, data-trio-include, data-trio-callback, data-trio-link
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    </head>

    <body>
        <main data-trio-fragment></main>
    </body>

</html>
Example: Template With Fragment Target Tag

See Also