Item() — ui Function Reference

Architecture documentation for the Item() function in item.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Item() — ui Function Reference

Dependency Diagram

graph TD
  2a09e934_f0cf_609f_9a1e_105a86f75b2f["Item()"]
  cc37b965_c9ca_958b_bc41_514f37851409["item.tsx"]
  2a09e934_f0cf_609f_9a1e_105a86f75b2f -->|defined in| cc37b965_c9ca_958b_bc41_514f37851409
  style 2a09e934_f0cf_609f_9a1e_105a86f75b2f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/item.tsx lines 59–81

function Item({
  className,
  variant = "default",
  size = "default",
  render,
  ...props
}: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>) {
  return useRender({
    defaultTagName: "div",
    props: mergeProps<"div">(
      {
        className: cn(itemVariants({ variant, size, className })),
      },
      props
    ),
    render,
    state: {
      slot: "item",
      variant,
      size,
    },
  })
}