ui Architecture Docs
Home / File/ mdx-components.tsx — ui Source File

mdx-components.tsx — ui Source File

Architecture documentation for mdx-components.tsx, a tsx file in the ui codebase. 24 imports, 1 dependents.

File tsx ComponentRegistry UIPrimitives 24 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  486adda9_61ca_5c1a_42b0_17a756aeffc8["mdx-components.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  06f163d3_7adc_4c2e_9009_77a211e14f88["hooks"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 06f163d3_7adc_4c2e_9009_77a211e14f88
  0730df87_79db_5696_d5e4_371255b3036a["unist"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 0730df87_79db_5696_d5e4_371255b3036a
  a9903b11_2f1d_8437_2ec7_acd8ba077fa8["events"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> a9903b11_2f1d_8437_2ec7_acd8ba077fa8
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  8c6845ea_e0db_55db_4a65_df2f64d9e581["use-config"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 8c6845ea_e0db_55db_4a65_df2f64d9e581
  2ed524bb_43b4_8b36_ba96_71693b08acd3["callout"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 2ed524bb_43b4_8b36_ba96_71693b08acd3
  6376fc50_6942_1e18_ec42_0a4d4b19a698["code-block-command"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 6376fc50_6942_1e18_ec42_0a4d4b19a698
  26e6ee89_8716_ea49_c2bc_7581993f79f8["code-block-wrapper"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 26e6ee89_8716_ea49_c2bc_7581993f79f8
  5c762ba8_e5b9_daaf_a3e1_5cd41240bd09["code-tabs"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 5c762ba8_e5b9_daaf_a3e1_5cd41240bd09
  285c2d66_2354_f628_0f1e_b786d4697abb["component-example"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 285c2d66_2354_f628_0f1e_b786d4697abb
  7478bc40_c1f7_407b_1a68_526885831907["component-preview"]
  486adda9_61ca_5c1a_42b0_17a756aeffc8 --> 7478bc40_c1f7_407b_1a68_526885831907
  style 486adda9_61ca_5c1a_42b0_17a756aeffc8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @ts-nocheck
"use client"

import * as React from "react"
import Image from "next/image"
import Link from "next/link"
import { useMDXComponent } from "next-contentlayer2/hooks"
import { NpmCommands } from "types/unist"

import { Event } from "@/lib/events"
import { cn } from "@/lib/utils"
import { useConfig } from "@/hooks/use-config"
import { Callout } from "@/components/callout"
import { CodeBlockCommand } from "@/components/code-block-command"
import { CodeBlockWrapper } from "@/components/code-block-wrapper"
import { CodeTabs } from "@/components/code-tabs"
import { ComponentExample } from "@/components/component-example"
import { ComponentPreview } from "@/components/component-preview"
import { ComponentSource } from "@/components/component-source"
import { CopyButton, CopyNpmCommandButton } from "@/components/copy-button"
import { FrameworkDocs } from "@/components/framework-docs"
import { StyleWrapper } from "@/components/style-wrapper"
import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/registry/new-york/ui/accordion"
import {
  Alert,
  AlertDescription,
  AlertTitle,
} from "@/registry/new-york/ui/alert"
import { AspectRatio } from "@/registry/new-york/ui/aspect-ratio"
import { Button } from "@/registry/new-york/ui/button"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york/ui/tabs"
import { Style } from "@/registry/registry-styles"

const components = {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
  Alert,
  AlertTitle,
  AlertDescription,
  Button,
  h1: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (
    <h1
      className={cn(
        "font-heading mt-2 scroll-m-20 text-4xl font-bold",
        className
      )}
      {...props}
    />
// ... (288 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • accordion
  • alert
  • aspect-ratio
  • button
  • callout
  • code-block-command
  • code-block-wrapper
  • code-tabs
  • component-example
  • component-preview
  • component-source
  • copy-button
  • events
  • framework-docs
  • hooks
  • image
  • link
  • react
  • registry-styles
  • style-wrapper
  • tabs
  • unist
  • use-config
  • utils

Imported By

Source

Frequently Asked Questions

What does mdx-components.tsx do?
mdx-components.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in mdx-components.tsx?
mdx-components.tsx defines 1 function(s): Mdx.
What does mdx-components.tsx depend on?
mdx-components.tsx imports 24 module(s): accordion, alert, aspect-ratio, button, callout, code-block-command, code-block-wrapper, code-tabs, and 16 more.
What files import mdx-components.tsx?
mdx-components.tsx is imported by 1 file(s): framework-docs.tsx.
Where is mdx-components.tsx in the architecture?
mdx-components.tsx is located at deprecated/www/components/mdx-components.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free