Inplace

<div class="card">
    <h:form>
        <h5 class="mt-0">Basic</h5>
        <p:inplace>
            <p:inputText value="Edit Me"/>
        </p:inplace>

        <h5>Edit</h5>
        <p:inplace editor="true">
            <p:inputText value="#{inplaceView.text}" required="true" label="text"/>
        </p:inplace>
        
        <h5>Double Click</h5>
        <p:inplace label="Cities" effectSpeed="fast" event="dblclick">
            <p:selectOneMenu>
                <f:selectItem itemLabel="New York" itemValue="0"/>
                <f:selectItem itemLabel="London" itemValue="1"/>
                <f:selectItem itemLabel="Paris" itemValue="2"/>
                <f:selectItem itemLabel="Berlin" itemValue="3"/>
            </p:selectOneMenu>
        </p:inplace>

        <h5>Custom Content</h5>
        <p:inplace effect="none">
            <f:facet name="output">
                Yes or No
            </f:facet>
            <f:facet name="input">
                <p:selectBooleanCheckbox/>
            </f:facet>
        </p:inplace>

        <h5>Image</h5>
        <p:inplace label="Show" effect="slide">
            <p:graphicImage name="/demo/images/nature/nature3.jpg"/>
        </p:inplace>

        <h5>Password</h5>
        <p:inplace>
            <p:password redisplay="true" value="#{inplaceView.password}"/>
        </p:inplace>
    </h:form>
</div>