ItemHeaderExamples() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ItemHeaderExamples() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/item-example.tsx lines 1550–1591

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