Skip to content

Report a problem:

Problems can be reported via Microsoft Teams in your team channel within the "IT - Codey" team.

Please include the following information:

Report type:
Docs problem report a bug instead β†’
Path:
/latest/docs/components/general/badge-xPrimex.html
Message:

DESCRIBE THE PROBLEM BEFORE SUBMITTING TO CODEY

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.

Report a problem:

Problems can be reported via Microsoft Teams in your team channel within the "IT - Codey" team.

Please include the following information:

Report type:
Docs problem report a bug instead β†’
Path:
/latest/docs/components/general/badge-xPrimex.html
Message:

DESCRIBE THE PROBLEM BEFORE SUBMITTING TO CODEY

Last updated: