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\Config\SugarConfig;

$config = (new SugarConfig())
    ->withFragmentElement('s-fragment');

<s-fragment s:if="$hasSnacks">
    <p>Powered by snacks and mild ambition.</p>
</s-fragment>