Password component is an extended version of standard inputSecret component with theme integration, strength indicator and match mode.
<div class="card">
<h:form>
<h5><p:outputLabel for="@next" value="Basic"/></h5>
<p:password id="nonFeedback" value="#{passwordView.password1}"/>
<h5><p:outputLabel for="@next" value="Feedback"/></h5>
<p:password id="feedback" value="#{passwordView.password2}" feedback="true"/>
<h5><p:outputLabel for="@next" value="Feedback - Spanish"/></h5>
<p:password id="turkishFeedback" value="#{passwordView.password3}" feedback="true"
promptLabel="Ingresa tu contraseña" weakLabel="Débil"
goodLabel="Buena" strongLabel="Fuerte"/>
<h5><p:outputLabel for="@next" value="Inline Feedback"/></h5>
<p:password id="inlineFeedback" value="#{passwordView.password5}" feedback="true" inline="true"/>
<h5><p:outputLabel for="@next" value="Toggle Mask"/></h5>
<p:password id="toggle" value="#{passwordView.password6}" toggleMask="true" redisplay="true"/>
</h:form>
</div>
<div class="card">
<h:form>
<h5 class="mt-0">Match Passwords</h5>
<div class="field grid">
<p:outputLabel for="pwd1" styleClass="col-fixed" style="width:100px" value="Password"/>
<div class="col">
<p:password id="pwd1" value="#{passwordView.password5}" match="pwd2" label="Password 1" required="true"/>
</div>
</div>
<div class="field grid">
<p:outputLabel for="pwd2" styleClass="col-fixed" style="width:100px" value="Password"/>
<div class="col">
<p:password id="pwd2" value="#{passwordView.password5}" label="Password 2" required="true"/>
</div>
</div>
<p:commandButton update="@form" value="Save"/>
<p:messages id="messages" showDetail="true">
<p:autoUpdate/>
</p:messages>
</h:form>
</div>