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
  055bd08a_f79d_42bd_0e6e_fc9da785f1cf["Badge()"]
  19614640_2feb_0036_6c8e_d1b57fa12e5b["badge.tsx"]
  055bd08a_f79d_42bd_0e6e_fc9da785f1cf -->|defined in| 19614640_2feb_0036_6c8e_d1b57fa12e5b
  style 055bd08a_f79d_42bd_0e6e_fc9da785f1cf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui-rtl/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,
    },
  })
}