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
  e7b27fdf_5f60_4fd4_9054_f31dc813d389["ItemHeader()"]
  29a13644_5d85_ffea_e425_32878756a728["item.tsx"]
  e7b27fdf_5f60_4fd4_9054_f31dc813d389 -->|defined in| 29a13644_5d85_ffea_e425_32878756a728
  style e7b27fdf_5f60_4fd4_9054_f31dc813d389 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/item.tsx lines 158–169

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