Badge() — ui Function Reference

Architecture documentation for the Badge() function in badge.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Badge() — ui Function Reference

Dependency Diagram

graph TD
  084aa3d6_10a9_93fa_b510_89dfe0d1ab33["Badge()"]
  ebb98c8f_a934_eb9d_3a60_8c0dda7f616a["badge.tsx"]
  084aa3d6_10a9_93fa_b510_89dfe0d1ab33 -->|defined in| ebb98c8f_a934_eb9d_3a60_8c0dda7f616a
  style 084aa3d6_10a9_93fa_b510_89dfe0d1ab33 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/badge.tsx lines 30–34

function Badge({ className, variant, ...props }: BadgeProps) {
  return (
    <div className={cn(badgeVariants({ variant }), className)} {...props} />
  )
}