ComponentPreview() — ui Function Reference

Architecture documentation for the ComponentPreview() function in component-preview.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ComponentPreview() — ui Function Reference

Dependency Diagram

graph TD
  0d572c01_4780_e6b6_a66f_b4282c70ac19["ComponentPreview()"]
  68708053_7b46_bfc9_eaf8_5335614bc08c["component-preview.tsx"]
  0d572c01_4780_e6b6_a66f_b4282c70ac19 -->|defined in| 68708053_7b46_bfc9_eaf8_5335614bc08c
  style 0d572c01_4780_e6b6_a66f_b4282c70ac19 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(view)/view/[style]/[name]/component-preview.tsx lines 3–13

export function ComponentPreview({ children }: { children: React.ReactNode }) {
  return (
    <div
      className={cn(
        "bg-background *:data-[slot=card]:has-[[data-slot=chart]]:shadow-none"
      )}
    >
      {children}
    </div>
  )
}