Badge() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Badge() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/badge.tsx lines 26–46

function Badge({
  className,
  variant = "default",
  render,
  ...props
}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) {
  return useRender({
    defaultTagName: "span",
    props: mergeProps<"span">(
      {
        className: cn(badgeVariants({ className, variant })),
      },
      props
    ),
    render,
    state: {
      slot: "badge",
      variant,
    },
  })
}