##<gold-cc-input>
gold-cc-input is a single-line text field with Material Design styling
for entering a credit card number. As the user types, the number will be
formatted by adding a space every 4 digits.
<gold-cc-input></gold-cc-input>It may include an optional label, which by default is "Card number".
<gold-cc-input label="CC"></gold-cc-input>The input can detect whether a credit card number is valid, and the type
of credit card it is, using the Luhn checksum. See http://jquerycreditcardvalidator.com/
for more information.
The input can be automatically validated as the user is typing by using
the auto-validate and required attributes. For manual validation, the
element also has a validate() method, which returns the validity of the
input as well sets any appropriate error messages and styles.
A list of allowable credit card types can be provided via the cardTypes
property. Possible options, from cc-validator.js, are: amex, diners_club,
discover, jcb, laser, maestro, mastercard, visa, visa_electron.
See Polymer.PaperInputBehavior for more API docs.
See Polymer.PaperInputContainer for a list of custom properties used to
style this element.
| Custom property | Description | Default |
|---|---|---|
----gold-cc-input-icon-container |
Mixin applied to the icon container | {} |