Axonivy reuseable component

<!-- 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>

Similar codes

1 vote268 views2 answers
Blade loop index
Html
1 vote241 views1 answer
Change cursor to hand on hover
Html
0 vote261 views1 answer
Tailwind CSS modal
Html
0 vote268 views1 answer
Html to flutter
Html
19 votes275 views4 answers
Anchor html
Html
2 votes295 views1 answer
Html context menu
Html
0 vote267 views1 answer
How to link excel sheet to html page
Html
0 vote348 views1 answer
Pug meta viewport
Html
11 votes258 views5 answers
Aos
Html
1 vote279 views1 answer
Html set input type date to disable previous dates
Html