# 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 Examples

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




# Badge Pill

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>

# Badge Rounded

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