Badge

A badge is a small status descriptor for UI elements.

Usage

Status
import { Badge } from "@aqqo/aqqo-ui";
<Badge variant="success">Badge</Badge>

Examples

Warning

Status

Error

Status

Info

Status

Default

Status

Props

PropTypeDefaultDescription
variantsuccess | warning | error | info | defaultdefaultStatus/severity styling variant.
typebadge | pillbadgeShape: rounded rectangle or pill.
classNamestring-Additional CSS classes for custom styling.
...propsHTMLAttributes<HTMLSpanElement>-Inherited HTML span attributes.