This tag is used to add a new component into the JSF component tree as children of UI component instance. This tag shows its behavior like composition tag. The difference is that the component tag inserts a new UIcomponent instance in the component tree and this instance is the root of all its child components or fragments. The content outside of the tag is ignored as it happens with composition tag.
Code Description :
|<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>facelet example </title>
Content above component tag will not be rendered.
<h2>This is the content to be included in the page.</h2>
Content below component tag will not be rendered.
Rendered Output :
Html Source Code :
|<h2>This is the content to be included in the page.</h2>|
This tag contains two attributes :
id : This attribute assigns unique
identity to the component. Its not a required attribute. So if you don't
give id then facelet provides it automatically.
binding : This attribute is used to bind the component to the backing bean property.
Recommend the tutorial