Useful for grouping a collection of form elements on a single line. Each element will be displayed without any preceding label. However, a single label can be added using the label attribute.
This can also be used to add an HTML div container, with an identifier, that can be controlled using JavaScript and CSS (for example, hiding and showing page elements based on user actions).
Any
<multifield-grouping>
<pulldown-select id="category" required="true" label="Categories" force-label="true"
<%
if(selectedCat != null) {
%>
value="<%= selectedCat %>"
<%
}
%>
>
<selection-item value="color" label="Color" />
<selection-item value="food" label="Food" />
</pulldown-select>
<action-button id="refreshButton" label="Get Services" />
</multifield-grouping>