| Index: ui/webui/resources/cr_elements/cr_checkbox/cr_checkbox.js
 | 
| diff --git a/ui/webui/resources/cr_elements/cr_checkbox/cr_checkbox.js b/ui/webui/resources/cr_elements/cr_checkbox/cr_checkbox.js
 | 
| new file mode 100644
 | 
| index 0000000000000000000000000000000000000000..4011c010ef042f8f68527c6707fea285a7be2539
 | 
| --- /dev/null
 | 
| +++ b/ui/webui/resources/cr_elements/cr_checkbox/cr_checkbox.js
 | 
| @@ -0,0 +1,56 @@
 | 
| +/* Copyright 2015 The Chromium Authors. All rights reserved.
 | 
| + * Use of this source code is governed by a BSD-style license that can be
 | 
| + * found in the LICENSE file. */
 | 
| +
 | 
| +/**
 | 
| + * @fileoverview
 | 
| + * `cr-checkbox` is a button that can be either checked or unchecked. 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 `cr-toggle-button`
 | 
| + * instead.
 | 
| + *
 | 
| + * Example:
 | 
| + *     <cr-checkbox></cr-checkbox>
 | 
| + *     <cr-checkbox checked></cr-checkbox>
 | 
| + *
 | 
| + * @element cr-checkbox
 | 
| + */
 | 
| +Polymer({
 | 
| +  publish: {
 | 
| +    /**
 | 
| +     * Gets or sets the state. `true` is checked and `false` is unchecked.
 | 
| +     *
 | 
| +     * @attribute checked
 | 
| +     * @type boolean
 | 
| +     * @default false
 | 
| +     */
 | 
| +    checked: {value: false, reflect: true},
 | 
| +
 | 
| +    /**
 | 
| +     * The label for the checkbox.
 | 
| +     *
 | 
| +     * @attribute label
 | 
| +     * @type string
 | 
| +     * @default ''
 | 
| +     */
 | 
| +    label: '',
 | 
| +
 | 
| +    /**
 | 
| +     * If true, the user cannot interact with this element.
 | 
| +     *
 | 
| +     * @attribute disabled
 | 
| +     * @type boolean
 | 
| +     * @default false
 | 
| +     */
 | 
| +    disabled: {value: false, reflect: true},
 | 
| +  },
 | 
| +
 | 
| +  toggle: function() {
 | 
| +    this.$.checkbox.toggle();
 | 
| +  },
 | 
| +
 | 
| +  ready: function() {
 | 
| +    this.$.events.forward(this.$.checkbox, ['change']);
 | 
| +  },
 | 
| +});
 | 
| 
 |