Komponen yang dapat digunakan kembali Axonivy

<!-- motorbike.number.plate/MotorbikeNumberApprove.xhtml -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:ic="http://ivyteam.ch/jsf/component"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:cc="http://xmlns.jcp.org/jsf/composite">
<h:body>

	<cc:interface>
		<cc:attribute name="usernameLabel"></cc:attribute>
	</cc:interface>
	
	<cc:implementation>
    	   #{cc.attrs.usernameLabel} : 
    </cc:implementation>
	
</h:body>
</html>

<!-- Main.xhtml -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:ic="http://ivyteam.ch/jsf/component"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:cc="http://xmlns.jcp.org/jsf/composite">
<h:body>
	<ui:composition template="/layouts/basic-8.xhtml">
		<ui:define name="title">Main</ui:define>
		<ui:define name="content">
            <!-- Start -->
			<ic:motorbike.number.plate.MotorbikeNumberApprove
				motorbikePlateRequest="#{data.motorbikePlateRequest}"
				buttonName1="Reject" handler1="" buttonName2="Approve" handler2="">
			</ic:motorbike.number.plate.MotorbikeNumberApprove>
            <!-- End -->
		</ui:define>
	</ui:composition>
</h:body>
</html>
Frail Fowl