Content wraps for componentsΒΆ
You can wrap content in components. The child elements of a component instance can be referenced with the _children descriptor of the template context.
Referencing the child contents of the grid component with the _children descriptor in a components file:
%namespace base=doonx.org/base
*grid6633:
div.ym-grid:
div.ym-g66.ym-gl:
div.ym-gbox-left:
{_children[0]}
div.ym-g33.ym-gr:
div.ym-gbox-right:
{_children[1]}
Usage of the grid component with child contents:
%import components.zml
base-grid6633:
div.content:
p: left content
div.content:
p: right content
The rendered result:
<div class="ym-grid" >
<div class="ym-g66 ym-gl" >
<div class="ym-gbox-left" >
<div class="content" >
<p>left content</p>
</div>
</div>
</div>
<div class="ym-g33 ym-gr" >
<div class="ym-gbox-right" >
<div class="content" >
<p>right content</p>
</div>
</div>
</div>
</div>