| 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 @@
|
| +[](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>
|
| +```
|
|
|