Index: third_party/polymer/v0_8/components/paper-input/demo/index.html |
diff --git a/third_party/polymer/v0_8/components/paper-input/demo/index.html b/third_party/polymer/v0_8/components/paper-input/demo/index.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c0cb3a7d8234407174f7037a1f1416cdbe0ee7d4 |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components/paper-input/demo/index.html |
@@ -0,0 +1,70 @@ |
+<!doctype html> |
+<!-- |
+@license |
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
+Code distributed by Google as part of the polymer project is also |
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
+--> |
+<html> |
+<head> |
+ |
+ <meta charset="utf-8"> |
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> |
+ |
+ <title>paper-input demo</title> |
+ |
+ <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
+ |
+ <link rel="import" href="../paper-input.html"> |
+ <link rel="import" href="../paper-input-container.html"> |
+ <link rel="import" href="../paper-input-error.html"> |
+ <link rel="import" href="../paper-input-char-counter.html"> |
+ <link rel="import" href="../../iron-input/iron-input.html"> |
+ |
+ <link rel="stylesheet" href="../../paper-styles/demo.css"> |
+ |
+</head> |
+<body> |
+ |
+ <section> |
+ |
+ <paper-input label="label"></paper-input> |
+ |
+ <paper-input label="password" type="password"></paper-input> |
+ |
+ <paper-input no-label-float label="label (no-label-float)"></paper-input> |
+ |
+ <paper-input-container> |
+ <label>label</label> |
+ <textarea></textarea> |
+ </paper-input-container> |
+ |
+ </section> |
+ |
+ <section> |
+ |
+ <div>Auto Validation</div> |
+ |
+ <paper-input label="only type letters" auto-validate pattern="[a-zA-Z]*" error-message="letters only!"></paper-input> |
+ |
+ <paper-input label="only type numbers" auto-validate type="number" error-message="numbers only!"></paper-input> |
+ |
+ <paper-input label="required input" auto-validate required error-message="input required!"></paper-input> |
+ |
+ </section> |
+ |
+ <section> |
+ |
+ <div>Character Counter</div> |
+ |
+ <paper-input label="label" char-counter></paper-input> |
+ |
+ <paper-input label="at most 5 characters" char-counter maxlength="5"></paper-input> |
+ |
+ </section> |
+ |
+</body> |