Fragment Elements (<s-template>) #

<s-template> renders only its children and allows directives without adding a wrapper element.

<s-template s:foreach="$items as $item">
    <span><?= $item ?></span>
</s-template>

Restrictions: - <s-template> can only have s: directive attributes. - Regular HTML attributes are not allowed. - Attribute directives like s:class and s:spread are not allowed.

Custom Fragment Element #

You can override the fragment element name when you need a different tag.

use Sugar\Core\Config\SugarConfig;

$config = (new SugarConfig())
    ->withFragmentElement('s-fragment');
<s-fragment s:if="$hasSnacks">
    <p>Powered by snacks and mild ambition.</p>
</s-fragment>