<template>
<div class="demo-badge-container">
  <mu-badge content="10" class="demo-icon-badge" circle secondary>
    <mu-icon value="notifications"/>
  </mu-badge>
  <mu-badge content="12" circle secondary>
    <mu-icon-button icon="notifications"/>
  </mu-badge>
</div>
</template>

<style>
.demo-badge-container{
  padding-top: 24px;
}
.demo-icon-badge {
  padding: 12px;
  margin-right: 16px;
}
</style>
