<brum-global-variable key="value" value="{{first}}"></brum-global-variable>
<paper-input label="Will change others" value="{{first}}"></paper-input>

<brum-global-variable key="value" value="{{second}}" readonly></brum-global-variable>
<paper-input label="Will not change others" value="{{second}}"></paper-input>

<brum-global-variable>

A component to easily define, edit and subscribe to global variables

warning

DO NOT USE THIS ELEMENT TO STORE ANY SENSITIVE DATA All data CAN be read and editted in/with the default browser console

Install

bower install --save SieBrum/brum-global-variable

How to use

Import brum-global-variable into your component.

<brum-global-variable key="x-foo" value="{{x-bar}}"></brum-global-variable>
<brum-global-variable key="x-foo" value="{{x-awesome}}"></brum-global-variable>

<brum-global-variable key="alpha" value="{{beta}}" readonly></brum-global-variable>

<brum-global-variable key="abc" value="{{xyz}}" value-changed="someCoolFunction"></brum-global-variable>

DEMO

webcomponents.org