<template>
  <div>
    <div class="badge_box">
      <hive-badge :count="0" theme="info">
        <Icon icon="notification" />
      </hive-badge>
      <hive-badge :count="100" theme="error">
        <Icon icon="notification"/>
      </hive-badge>
      <hive-badge :count="998" :maxCount="999" theme="success">
        <Icon icon="notification" />
      </hive-badge>
      <hive-badge :count="10" theme="warn">待办事项</hive-badge>
      <hive-badge :count="10" theme="disabled">待办事项</hive-badge>
    </div>
    <div class="badge_box">
      <hive-badge :count="100" theme="error" dot>
        <Icon icon="notification" />
      </hive-badge>
      <hive-badge :count="998" :maxCount="999"  theme="success"  dot>
        <Icon icon="notification"/>
      </hive-badge>
      <hive-badge :count="10" theme="warn"  dot>待办事项</hive-badge>
    </div>
  </div>
</template>

<script>

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