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

Your Financial Support Of This Project Is Greatly Appreciated

Trio is an open source project and is therefore free of charge to use both for noncommercial and commercial use, but when you use Trio to create a new website, please consider donating a few bucks. It doesn't take very long, the process is secure, and it will allow us to continue to support the community and to maintain and enhance Trio going forward.

Show your ❤️, add your ★ to the Github repo.