Behive Tech Component Registry

Badge

v0.4.4Stable

A small status label with semantic color variants.

pnpm add @behivetech/atoms.badge

A small status label with semantic color variants.

Variants

Open in new tab

Sizes

Open in new tab

Properties

Badge props

PropTypeDefaultDescription
childrenReactNode—Content to render inside the badge
classNamestring—Additional class names to merge with the component root element
size"sm" | "md"mdControls the size; defaults to md
variant"default" | "primary" | "success" | "warning" | "error" | "info"defaultControls the color scheme; defaults to default

Also accepts the native attributes of its root element (className, aria-*, event handlers, …).