The Badges

Number badge on icon
account_box account_box 
  
  account_box
  account_box
  ]]>
Number badge
Inbox 
  
  Inbox
  ]]>
Icon badge
Mood 
  
  Mood
  ]]>
Badge without background
This badge has no background color. 
  This badge has no background color.
  ]]>
Dynamic experiments
set the badge counter Inbox 
  
  Inbox
  ]]>

Attributes for directive mdl-badge

Attribute Description
mdl-badge The value is converted to string and displayed as badge value.
mdl-badge-no-background If present on the same element as mdl-badge the badge has no background color.
mdl-badge-overlap If present on the same element as mdl-badge the badge overlaps with the content.