<template>
  <div class="badge_box">
    <hive-badge
      :count="100"
      theme="error"
      text="新消息"
    >
      <Icon icon="notification" />
    </hive-badge>
    <hive-badge
      :count="100"
      color="#f594db"
      text-color="#ffffff"
    >
      <Icon icon="notification" />
    </hive-badge>
    <hive-badge
      :count="10"
      dot
      :offset="[10,5]"
    >
      待办事项
    </hive-badge>
    <hive-badge
      :count="10"
      color="#f594db"
      dot
    >
      <Icon icon="notification" />
    </hive-badge>
    <hive-badge
      text="禁用"
      theme="disabled"
    >
      待办事项
    </hive-badge>
    <hive-badge
      text="新消息"
      theme="info"
    >
      <Icon icon="notification" />
    </hive-badge>
  </div>
</template>

<script>

import Icon from '../../../../src/components/icon';
export default {
  components: {
    Icon
  }
};
</script>
