{% styles %}

{% styles %}

Twig Tag

The {% styles %} tag renders CSS links to stylesheet files injected by the application. The tag is commonly defined in the HEAD section of a page or layout:

    {% styles %}

Note: This tag should appear once only in a given page cycle to prevent duplicated references.

# Injecting styles

Links to StyleSheet files can be programmatically injected in PHP either by components or pages.

function onStart()

You can also inject raw markup to the {% styles %} tag by using the styles anonymous placeholder in the layout. Use the {% put %} tag in pages or layouts to add content to the placeholder.

{% put styles %}
    <link href="/themes/demo/assets/css/page.css" rel="stylesheet" />
{% endput %}
On This Page