PolymerElements/gold-cc-cvc-input: An Input Element That ... - GitHub

Trang chủ » C C Cvc » PolymerElements/gold-cc-cvc-input: An Input Element That ... - GitHub

Có thể bạn quan tâm

Skip to content Dismiss alert {{ message }} / gold-cc-cvc-input Public
  • Notifications You must be signed in to change notification settings
  • Fork 14
  • Star 8
  • Code
  • Issues 1
  • Pull requests 4
  • Actions
  • Projects
  • Security
  • Insights
Additional navigation options  masterBranchesTagsGo to fileCode

Folders and files

NameNameLast commit messageLast commit date

Latest commit

 

History

176 Commits
.github.github  
demodemo  
testtest  
.gitignore.gitignore  
.npmignore.npmignore  
.travis.yml.travis.yml  
CONTRIBUTING.mdCONTRIBUTING.md  
README.mdREADME.md  
bower.jsonbower.json  
cvc_hint.pngcvc_hint.png  
cvc_hint_amex.pngcvc_hint_amex.png  
formatconfig.jsonformatconfig.json  
gold-cc-cvc-input.jsgold-cc-cvc-input.js  
manifest.jsonmanifest.json  
package-lock.jsonpackage-lock.json  
package.jsonpackage.json  
wct.conf.jsonwct.conf.json  
View all files

Repository files navigation

  • README
  • Contributing

Published on NPM Build status Published on webcomponents.org

<gold-cc-cvc-input>

gold-cc-cvc-input is a single-line text field with Material Design styling for entering a credit card's CVC (Card Verification Code). It supports both 4-digit Amex CVCs and non-Amex 3-digit CVCs

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/gold-cc-cvc-input

In an html file

<html> <head> <script type="module"> import '@polymer/gold-cc-input/gold-cc-input.js'; import '@polymer/gold-cc-cvc-input/gold-cc-cvc-input.js'; </script> </head> <body> <gold-cc-input card-type="{{cardType}}"></gold-cc-input> <gold-cc-cvc-input card-type="[[cardType]]"></gold-cc-cvc-input> </body> </html>

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer'; import '@polymer/gold-cc-input/gold-cc-input.js'; import '@polymer/gold-cc-cvc-input/gold-cc-cvc-input.js'; class SampleElement extends PolymerElement { static get template() { return html` <gold-cc-input card-type="{{cardType}}"></gold-cc-input> <gold-cc-cvc-input card-type="[[cardType]]"></gold-cc-cvc-input> `; } } customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

git clone https://github.com/PolymerElements/gold-cc-cvc-input cd gold-cc-cvc-input npm install npm install -g polymer-cli

Running the demo locally

polymer serve --npm open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm

About

An input element that only allows cvc codes

webcomponents.org/element/PolymerElements/gold-cc-cvc-input

Resources

Readme

Contributing

Contributing

Uh oh!

There was an error while loading. Please reload this page.

Activity Custom properties

Stars

8 stars

Watchers

14 watching

Forks

14 forks Report repository

Releases 23

v2.1.0 Latest Mar 9, 2018 + 22 releases

Packages

Uh oh!

There was an error while loading. Please reload this page.

Uh oh!

There was an error while loading. Please reload this page.

Contributors

Uh oh!

There was an error while loading. Please reload this page.

Languages

  • HTML 50.2%
  • JavaScript 49.8%
You can’t perform that action at this time.

Từ khóa » C C Cvc