Components

Badge

A small label for a status or a count.

Server componentNo state or handlers. Safe to render in a Server Component.

import { Badge, badgeVariants } from "@glob-ui/badge"

Preview

DefaultPrimarySecondaryOutlineSuccessWarningDangerInfo

Props are generated from the TypeScript types in the package source.

Prop

Type

Key or action	Behaviour
Text	Read as plain text. The optional dot is decorative and hidden.

ARIA. A badge is text. Add words that explain the status, such as "3 unread", not only a colour.

Avatar

A user picture with initials as the fallback, and a stacked group with an overflow count.

Card

A surface that groups related content: header, body and footer.