diff --git a/src/components/badge/Badge.vue b/src/components/badge/Badge.vue
index 7456130e9..d2081c622 100644
--- a/src/components/badge/Badge.vue
+++ b/src/components/badge/Badge.vue
@@ -1,5 +1,7 @@
 <template>
-    <span :class="badgeClass">{{value}}</span>
+    <span :class="badgeClass">
+        <slot>{{value}}</slot>
+    </span>
 </template>
 
 <script>
@@ -17,7 +19,7 @@ export default {
         badgeClass() {
             return ['p-badge p-component', {
                 'p-badge-no-gutter': this.value && String(this.value).length === 1,
-                'p-badge-dot': !this.value,
+                'p-badge-dot': !this.value && !this.$slots.default,
                 'p-badge-lg': this.size === 'large',
                 'p-badge-xl': this.size === 'xlarge',
                 'p-badge-info': this.severity === 'info',