Index: pkg/polymer/lib/elements/polymer-ui-field/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-field/demo.html b/pkg/polymer/lib/elements/polymer-ui-field/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..09f29274a293113520b08aee497d095a14861998 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-field/demo.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<html lang="en"> |
+ <head> |
+ <meta charset="UTF-8"> |
+ <title>Polymer UI Field</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-ui-field.html" /> |
+ <link rel="import" href="../polymer-ui-icon/polymer-ui-icon.html" /> |
+ <link rel="import" href="../polymer-ui-icon-button/polymer-ui-icon-button.html" /> |
+ <link rel="import" href="../polymer-ui-menu-button/polymer-ui-menu-button.html" /> |
+ <style> |
+ html { |
+ font-family: 'Helvetica Neue', 'Roboto', 'Arial', sans-serif; |
+ font-size: 14px; |
+ } |
+ |
+ polymer-ui-field { |
+ border: 1px solid #ddd; |
+ margin: 10px; |
+ height: 40px; |
+ } |
+ </style> |
+ </head> |
+ <body theme="polymer-ui-light-theme" unresolved> |
+ <polymer-ui-field> |
+ <polymer-ui-icon icon="contact"></polymer-ui-icon> |
+ <input placeholder="hi!" flex> |
+ </polymer-ui-field> |
+ <polymer-ui-field> |
+ <polymer-ui-icon icon="search"></polymer-ui-icon> |
+ <input placeholder="Search" flex> |
+ <polymer-ui-icon icon="dialog"></polymer-ui-icon> |
+ </polymer-ui-field> |
+ <polymer-ui-field> |
+ <polymer-ui-icon icon="plus"></polymer-ui-icon> |
+ <label>I'm a label!</label> |
+ <input placeholder="I have a label" flex> |
+ </polymer-ui-field> |
+ <polymer-ui-field> |
+ <input placeholder="I have no icon" flex> |
+ </polymer-ui-field> |
+ </body> |
+</html> |