ItemExample() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ItemExample() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/item-example.tsx lines 22–51

export default function ItemExample() {
  return (
    <ExampleWrapper>
      <DefaultVariantItems />
      <OutlineVariantItems />
      <MutedVariantItems />
      <DefaultVariantItemsSmall />
      <OutlineVariantItemsSmall />
      <MutedVariantItemsSmall />
      <DefaultVariantItemsExtraSmall />
      <OutlineVariantItemsExtraSmall />
      <MutedVariantItemsExtraSmall />
      <DefaultLinkItems />
      <OutlineLinkItems />
      <MutedLinkItems />
      <DefaultItemGroup />
      <OutlineItemGroup />
      <MutedItemGroup />
      <ItemSeparatorExample />
      <ItemHeaderExamples />
      <ItemFooterExamples />
      <ItemHeaderAndFooterExamples />
      <DefaultVariantItemsWithImage />
      <OutlineVariantItemsWithImage />
      <OutlineVariantItemsWithImageSmall />
      <OutlineVariantItemsWithImageExtraSmall />
      <MutedVariantItemsWithImage />
    </ExampleWrapper>
  )
}