# Badge

To use the custom button you need to import the custom made component, you can easily use it like this:

import {Badge} from '@/components'

# Local Usage

components: {
  Badge
}

# Global Usage

Vue.component(Badge)

# Badges Color

We made our own badge component for a better visual experience.

Another Title Another Title Another Title Another Title Another Title

<template>
  <badge type="success">Another Title</badge>
  <badge type="danger">Another Title</badge>
  <badge type="warning">Another Title</badge>
  <badge type="rose">Another Title</badge>
  <badge type="info">Another Title</badge>


  <props-table component-name="badge"></props-table>
</template>