ItemHeader() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ItemHeader() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/base/ui/item.tsx lines 163–174

function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="item-header"
      className={cn(
        "flex basis-full items-center justify-between gap-2",
        className
      )}
      {...props}
    />
  )
}