ItemHeaderExamples() — ui Function Reference

Architecture documentation for the ItemHeaderExamples() function in item-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ItemHeaderExamples() — ui Function Reference

Dependency Diagram

graph TD
  ddfdacae_7f1f_bc40_a55d_4cf1f3b8863d["ItemHeaderExamples()"]
  c6f7f3f1_b32d_d1ac_3270_85fac0220e98["item-example.tsx"]
  ddfdacae_7f1f_bc40_a55d_4cf1f3b8863d -->|defined in| c6f7f3f1_b32d_d1ac_3270_85fac0220e98
  style ddfdacae_7f1f_bc40_a55d_4cf1f3b8863d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/item-example.tsx lines 1568–1609

function ItemHeaderExamples() {
  return (
    <Example title="ItemHeader">
      <Item>
        <ItemHeader>
          <span className="text-sm font-medium">Design System</span>
        </ItemHeader>
        <ItemContent>
          <ItemTitle>Component Library</ItemTitle>
          <ItemDescription>
            A comprehensive collection of reusable UI components for building
            consistent interfaces.
          </ItemDescription>
        </ItemContent>
      </Item>
      <Item variant="outline">
        <ItemHeader>
          <span className="text-sm font-medium">Marketing</span>
        </ItemHeader>
        <ItemContent>
          <ItemTitle>Campaign Analytics</ItemTitle>
          <ItemDescription>
            Track performance metrics and engagement rates across all marketing
            channels.
          </ItemDescription>
        </ItemContent>
      </Item>
      <Item variant="muted">
        <ItemHeader>
          <span className="text-sm font-medium">Engineering</span>
        </ItemHeader>
        <ItemContent>
          <ItemTitle>API Documentation</ItemTitle>
          <ItemDescription>
            Complete reference guide for all available endpoints and
            authentication methods.
          </ItemDescription>
        </ItemContent>
      </Item>
    </Example>
  )
}