Skip to content

PraxisBadge

A small, stylized badge chip for displaying status, tags, or category labels. Supports multiple color variants.

Usage

vue
<PraxisBadge value="Active" severity="success" />
<PraxisBadge value="Pending" severity="warning" />
<PraxisBadge value="5" severity="info" />

Props

PropTypeDefaultDescription
valuestring | numberundefinedText or number displayed inside the badge.
severity'success' | 'info' | 'warning' | 'danger' | 'secondary''info'Color variant of the badge.
size'small' | 'normal' | 'large''normal'Size of the badge.

Built with VitePress