<template>
  <div class="demo-badge-standalone">
    <ui-badge
      v-model="value"
      :max="max"></ui-badge>
    <ui-badge
      v-model="value"
      :max="max"
      status="default"></ui-badge>
    <ui-badge
      v-model="value"
      :max="max"
      status="success"></ui-badge>
    <ui-badge
      v-model="value"
      :max="max"
      status="warning"></ui-badge>
    <ui-badge
      v-model="value"
      :max="max"
      status="processing"></ui-badge>
  </div>
</template>

<script>
import { Badge } from "amumu-ui"
export default {
  components: {
    "ui-badge": Badge,
  },
  data() {
    return {
      value: 999,
      max: 99,
      zero: 0,
    }
  },
}
</script>

<style lang="scss">
.demo-badge-standalone {
  .mm-badge {
    margin-right: 30px;
  }
}
</style>
