[](https://travis-ci.org/PolymerElements/gold-phone-input) _[Demo and API Docs](https://elements.polymer-project.org/elements/gold-phone-input)_ ##<gold-phone-input> `` is a single-line text field with Material Design styling for entering a phone number. It may include an optional label, which by default is "Phone number". ### Validation By default, the phone number is considered to be a US phone number, and will be validated according to the pattern `XXX-XXX-XXXX`, where `X` is a digit, and `-` is the separating dash. If you want to customize the input for a different area code or number pattern, use the `country-code` and `phone-number-pattern` attributes 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. See `Polymer.PaperInputBehavior` for more API docs. ### Styling See `Polymer.PaperInputContainer` for a list of custom properties used to style this element. `--gold-phone-input-country-code` | Mixin applied to the country code span