Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(58)

Unified Diff: third_party/polymer/components/paper-checkbox/README.md

Issue 2906483004: [pinpoint] Add iron-form and paper-checkbox to polymer components. (Closed)
Patch Set: Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/components/paper-checkbox/README.md
diff --git a/third_party/polymer/components/paper-checkbox/README.md b/third_party/polymer/components/paper-checkbox/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..8b72a6fb7b7d933d5d438b3185216bce4a0ed6f0
--- /dev/null
+++ b/third_party/polymer/components/paper-checkbox/README.md
@@ -0,0 +1,63 @@
+[![Build status](https://travis-ci.org/PolymerElements/paper-checkbox.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-checkbox)
+
+##<paper-checkbox>
+
+`paper-checkbox` is a [material design checkbox](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-checkbox).
+User can tap the checkbox to check or uncheck it. Usually you use checkboxes
+to allow user to select multiple options from a set. If you have a single
+ON/OFF option, avoid using a single checkbox and use `paper-toggle-button`
+instead.
+
+Example:
+<!---
+```
+<custom-element-demo>
+ <template>
+ <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+ <link rel="import" href="paper-checkbox.html">
+ <style is="custom-style">
+ paper-checkbox {
+ font-family: 'Roboto', sans-serif;
+ margin: 24px;
+ }
+
+ paper-checkbox:first-child {
+ --primary-color: #ff5722;
+ }
+
+ paper-checkbox.styled {
+ align-self: center;
+ border: 1px solid var(--paper-green-200);
+ padding: 8px 16px;
+ --paper-checkbox-checked-color: var(--paper-green-500);
+ --paper-checkbox-checked-ink-color: var(--paper-green-500);
+ --paper-checkbox-unchecked-color: var(--paper-green-900);
+ --paper-checkbox-unchecked-ink-color: var(--paper-green-900);
+ --paper-checkbox-label-color: var(--paper-green-500);
+ --paper-checkbox-label-spacing: 0;
+ --paper-checkbox-margin: 8px 16px 8px 0;
+ --paper-checkbox-vertical-align: top;
+ }
+
+ paper-checkbox .subtitle {
+ display: block;
+ font-size: 0.8em;
+ margin-top: 2px;
+ max-width: 150px;
+ }
+ </style>
+ <next-code-block></next-code-block>
+ </template>
+</custom-element-demo>
+```
+-->
+```html
+<paper-checkbox checked>Checked</paper-checkbox>
+<paper-checkbox class="styled">
+ Checkbox
+ <span class="subtitle">
+ With a longer label
+ </span>
+</paper-checkbox>
+<paper-checkbox disabled>Disabled</paper-checkbox>
+```

Powered by Google App Engine
This is Rietveld 408576698