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
  fed99e88_be00_875f_4bbc_a0fa98dc2d81["Item()"]
  8401184b_6840_79d7_dc27_64418af5fbd3["item.tsx"]
  fed99e88_be00_875f_4bbc_a0fa98dc2d81 -->|defined in| 8401184b_6840_79d7_dc27_64418af5fbd3
  style fed99e88_be00_875f_4bbc_a0fa98dc2d81 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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