ui Architecture Docs
Home / File/ resizable-demo-with-handle.tsx — ui Source File

resizable-demo-with-handle.tsx — ui Source File

Architecture documentation for resizable-demo-with-handle.tsx, a tsx file in the ui codebase. 1 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  48bd3dfe_dbf3_11c4_da5e_4ace04fbfa74["resizable-demo-with-handle.tsx"]
  89621339_3efc_0932_6655_aebfb386fc45["resizable"]
  48bd3dfe_dbf3_11c4_da5e_4ace04fbfa74 --> 89621339_3efc_0932_6655_aebfb386fc45
  style 48bd3dfe_dbf3_11c4_da5e_4ace04fbfa74 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  ResizableHandle,
  ResizablePanel,
  ResizablePanelGroup,
} from "@/registry/new-york/ui/resizable"

export default function ResizableDemo() {
  return (
    <ResizablePanelGroup
      direction="horizontal"
      className="max-w-md rounded-lg border md:min-w-[450px]"
    >
      <ResizablePanel defaultSize={50}>
        <div className="flex h-[200px] items-center justify-center p-6">
          <span className="font-semibold">One</span>
        </div>
      </ResizablePanel>
      <ResizableHandle withHandle />
      <ResizablePanel defaultSize={50}>
        <ResizablePanelGroup direction="vertical">
          <ResizablePanel defaultSize={25}>
            <div className="flex h-full items-center justify-center p-6">
              <span className="font-semibold">Two</span>
            </div>
          </ResizablePanel>
          <ResizableHandle withHandle />
          <ResizablePanel defaultSize={75}>
            <div className="flex h-full items-center justify-center p-6">
              <span className="font-semibold">Three</span>
            </div>
          </ResizablePanel>
        </ResizablePanelGroup>
      </ResizablePanel>
    </ResizablePanelGroup>
  )
}

Domain

Subdomains

Functions

Dependencies

  • resizable

Source

Frequently Asked Questions

What does resizable-demo-with-handle.tsx do?
resizable-demo-with-handle.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in resizable-demo-with-handle.tsx?
resizable-demo-with-handle.tsx defines 1 function(s): ResizableDemo.
What does resizable-demo-with-handle.tsx depend on?
resizable-demo-with-handle.tsx imports 1 module(s): resizable.
Where is resizable-demo-with-handle.tsx in the architecture?
resizable-demo-with-handle.tsx is located at deprecated/www/registry/new-york/examples/resizable-demo-with-handle.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/examples).

Analyze Your Own Codebase

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

Try Supermodel Free