How to iterate the showDetailItem inside the panelTabbed component using af:forEach

Here is the code

       private List items;
       private ArrayList list = new ArrayList();

        public Bean(){
            list.add(new SelectItem("1"));
            list.add(new SelectItem("2"));
        }

         public List getItems() {
             return list;
        }

<panelTabbed id="pt1">
 <forEach var="row" items="#{Bean.items}">
 <showDetailItem text="showDetailItem #{row.label}" id="sdi1" />
 </af:forEach>
 </af:panelTabbed>

and it renders like