Badge

Compact status label with color + size variants.

Usage

TSX

import { Badge } from "@aeontel/ui";

<Badge variant="default">New</Badge>
<Badge variant="secondary">Beta</Badge>
<Badge variant="destructive">Error</Badge>

Exports

`Badge`

Compact label for status or counts.

TypeScript

Badge(props: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): JSX.Element

Props

Prop	Type	Default	Description
`variant?`	`"link" \| "default" \| "secondary" \| "destructive" \| "outline" \| "ghost" \| null \| undefined`	`"default"`

`badgeVariants`

cva variant builder for badge classNames.

TypeScript

badgeVariants(config?: { variant?: BadgeVariant; size?: BadgeSize; className?: string }): string