Components (HTML)

component.html

<!-- parent.html -->
<div class="component-class">
  <% for item in list { %>
    <li><%= item %></li>
  <% } %>
</div>
      
<!-- parent.html -->
<div class="components-class">
  <% for item in list { %>
    <!-- This uses the Sailfish shorthand syntax <%+
         which translates to item.render_once().unwrap()
    -->
    <%+ item %>
  <% } %>
</div>
      
<!-- child.html -->
<li><%= value %></li>