title:The HTML tag to use for the bade. Defaults to span.
default:span
enum:
-span
-a
-div
-a
content:
type:string
title:Content
...
...
@@ -37,9 +24,27 @@ props:
type:string
title:URL Link
description:URL link for Badge when the HTML tag is an anchor link.
color:
type:string
title:Background and Text Color
description:Set a background-color with contrasting foreground color with our .text-bg-{color} helpers. Previously it was required to manually pair your choice of .text-{color} and .bg-{color} utilities for styling, which you still may use if you prefer.
default:text-bg-secondary
enum:
-text-bg-primary
-text-bg-secondary
-text-bg-success
-text-bg-info
-text-bg-warning
-text-bg-danger
-text-bg-light
-text-bg-dark
utility_classes:
type:array
title:Utility Classes
description:An array of utility classes. Use this property to add extra Bootstrap utility classes or your custom class over to this to this component.