Function: badgeVariants()

@arolariu/components

---

@arolariu/components / badgeVariants

Function: badgeVariants()

badgeVariants(__namedParameters?): string

Defined in: components/ui/badge.tsx:77

Generates the CSS class list for a badge variant.

Parameters

__namedParameters?

Readonly<BadgeVariantOptions> = {}

Returns

string

Remarks

This utility is useful when another component needs badge styling but cannot render the Badge component directly. It always includes the base badge classes.

Example

<span className={badgeVariants({variant: "outline"})}>Beta</span>

See

• Badge
• Base UI documentation