tabs_sample.dryml

<def tag="tabs">
  <set-scoped tab-names="&[]" tab-contents="&{}">
    <ul class="tabs" merge>
      <do param="default" />
    </ul>
    <do repeat="&scope.tab_names">
      <div id="#{this}">
        <%= scope.tab_contents[this] %>
      </div>
    </do>
  </set-scoped>
</def>

<def tag="tab-content" attrs="id, label">
  <li><a href="##{id}"><%= label %></a></li>
  <% scope.tab_names << id %>
  <% scope.tab_contents[id] = parameters.default %>
</def>

Example:

<tabs>
  <tab-content id="Feature1" label="One">Foo Bar Baz</tab-content>
  <tab-content id="Feature2" label="Two">Foo Bar Baz</tab-content>
</tabs>