md-icon-badge.html

<link rel="import" href="../polymer/polymer.html">


<dom-module id="md-icon-badge">
    <template>
        <md-badge id="mdBadge"></md-badge>
        <iron-icon icon="[[icon" id="icon"></iron-icon>
        <content></content>
    </template>
</dom-module>
<script>

    Polymer({
        is: 'md-icon-badge',
        properties:{
            text:{
                type:String,
                value:null
            },
            icon:{
                type:String,
                value:null
            }
        },

        ready:function(){
            this._setText();
            this._setIcon();
        },

        _setText:function(){
            if(this.text){
                var badge=this.$.mdBadge;
                badge.innerHTML(this.text);
            }
        },

        _setIcon:function(){
            if(!this.icon){
                var icon=this.$.icon;
                icon.style.display='none';
            }
        }

    });

</script>