arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Credit Card
Credit Card Credit Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

Based on Card.
Components and more
Use Cases
Documentation pe:creditCard
Attributes (move mouse over the names to see data types)
Name Description
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
formattingWhether to format the card number with spaces.Default is true.
idUnique identifier of the component in a namingContainer.Default is generated.
labelMonthYearLabel for the month/year field.Default is month/year.
labelValidDateLabel for the valid date field.Default is valid thru.
placeholderCvcPlaceholder for the CVC input.
placeholderExpiryPlaceholder for the expiry date input.
placeholderNamePlaceholder for the cardholder name input.Default is Full Name.
placeholderNumberPlaceholder for the card number input.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
widgetVarName of the client side widget.
widthWidth of the credit card widget in pixels.Default is 350.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 16.0.0-SNAPSHOT,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-03-10 11:37