ItemExample() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ItemExample() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/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>
  )
}