For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
/
241
Sponsor

Badge

PreviousNext

A pill label with color, background, border, and uppercase options.

Customize

Installation

$ pnpm dlx shadcn@latest add @ogimagecn/badge

Usage

import { Badge } from "@/components/og/badge";
<Badge background="rgba(124,58,237,0.15)" color="#7c3aed" uppercase>
  Engineering
</Badge>

API Reference

PropTypeDefault
childrenReactNode—
colorstring—
backgroundstring—
borderColorstring—
uppercasebooleanfalse
styleCSSProperties—