Vue Badge Component API
Badge API
Explore the API reference for the Vue Badge component and discover how to effectively utilize its props for customization.
CBadge
import { CBadge } from '@coreui/vue'
| Property | Default | Type |
|---|
| as | 'span' | string |
Component used for the root node. Either a string to use a HTML element or a component. |
| colorDeprecated 6.0.0 | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. Use theme instead — color renders the same theme-{color} class and loses to theme when both are set. |
| position | - | string |
Position badge in one of the corners of a link or button. |
| shape | - | Shape |
Select the shape of the component. |
| size | - | string |
Size the component small or large. |
| theme6.0.0+ | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| variant6.0.0+ | - | string |
Set the badge variant. The default is solid. |