Item() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ Item() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/base/ui/item.tsx lines 58–80

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