tripfaces xhtml example

tripfaces.example.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:trip="http://tripfaces.org/components"
    template="../templates/template.xhtml">

    ...

    <trip:tour widgetVar="trip" >
        <trip:message value="#{messages.hi_my_name_tripfaces}" target="title"  />
    </trip:tour>

    ...

    <h:outputText id="title" value="#{messages.hello_tripfaces}"/>

    <h:commandButton value="#{messages.start_trip}" type="button" onclick="trip.start()"/>
</ui:composition