Badge() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ Badge() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/base/ui/badge.tsx lines 29–49

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,
    },
  })
}