ui Architecture Docs
Home / File/ aspect-ratio.tsx — ui Source File

aspect-ratio.tsx — ui Source File

Architecture documentation for aspect-ratio.tsx, a tsx file in the ui codebase. 1 imports, 0 dependents.

File tsx DocumentationAtlas ContentSourcing 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  1e77add9_f0bc_5b80_0698_77f794de8892["aspect-ratio.tsx"]
  3d9438e8_7604_787c_4898_907262aff28b["utils"]
  1e77add9_f0bc_5b80_0698_77f794de8892 --> 3d9438e8_7604_787c_4898_907262aff28b
  style 1e77add9_f0bc_5b80_0698_77f794de8892 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cn } from "@/examples/base/lib/utils"

function AspectRatio({
  ratio,
  className,
  ...props
}: React.ComponentProps<"div"> & { ratio: number }) {
  return (
    <div
      data-slot="aspect-ratio"
      style={
        {
          "--ratio": ratio,
        } as React.CSSProperties
      }
      className={cn("relative aspect-(--ratio)", className)}
      {...props}
    />
  )
}

export { AspectRatio }

Domain

Subdomains

Functions

Dependencies

  • utils

Source

Frequently Asked Questions

What does aspect-ratio.tsx do?
aspect-ratio.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, ContentSourcing subdomain.
What functions are defined in aspect-ratio.tsx?
aspect-ratio.tsx defines 1 function(s): AspectRatio.
What does aspect-ratio.tsx depend on?
aspect-ratio.tsx imports 1 module(s): utils.
Where is aspect-ratio.tsx in the architecture?
aspect-ratio.tsx is located at apps/v4/examples/base/ui-rtl/aspect-ratio.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/examples/base/ui-rtl).

Analyze Your Own Codebase

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

Try Supermodel Free