Skip to content

Badge ​

INFO

This component is adopted from PrimeVue. It's full documentation can be found here.

javascript
import { XerBadge } from "@xerius/codey-components";

::: note The severity colors mapped for the badge are matched to the severity of the tags so the can be used together using the same severity levels. :::

Showcases ​

Default Badge ​

With Custom Size ​

Automation Ids ​

A data-automation-id needs to be provided to the component as Prime Vue based components do not have a default data-automation-id.