Tooltip Tooltip Global

<div class="card">
    <p:tooltip/>

    <h:form>
        <h:panelGrid columns="2" cellpadding="10">
            <h:outputText value="Input: "/>
            <p:inputText pt:data-tooltip="Tooltip for an input"/>

            <h:outputText value="Link: "/>
            <h:outputLink value="#" pt:data-tooltip="Tooltip for a link">
                <h:outputText value="About"/>
            </h:outputLink>

            <h:outputText value="Button: "/>
            <p:commandButton value="Update" pt:data-tooltip="Update components" update="@parent"/>
        </h:panelGrid>
    </h:form>
</div>