ui Architecture Docs
Home / File/ skeleton-avatar.tsx — ui Source File

skeleton-avatar.tsx — ui Source File

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

File tsx DocumentationAtlas SearchAPI 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  73ee5546_93d5_0e55_0508_1170ca8ecb39["skeleton-avatar.tsx"]
  7ac49d97_b5c4_1dd6_0a10_1d4895a02c4c["skeleton"]
  73ee5546_93d5_0e55_0508_1170ca8ecb39 --> 7ac49d97_b5c4_1dd6_0a10_1d4895a02c4c
  style 73ee5546_93d5_0e55_0508_1170ca8ecb39 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Skeleton } from "@/examples/radix/ui/skeleton"

export function SkeletonAvatar() {
  return (
    <div className="flex w-fit items-center gap-4">
      <Skeleton className="size-10 shrink-0 rounded-full" />
      <div className="grid gap-2">
        <Skeleton className="h-4 w-[150px]" />
        <Skeleton className="h-4 w-[100px]" />
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • skeleton

Source

Frequently Asked Questions

What does skeleton-avatar.tsx do?
skeleton-avatar.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in skeleton-avatar.tsx?
skeleton-avatar.tsx defines 1 function(s): SkeletonAvatar.
What does skeleton-avatar.tsx depend on?
skeleton-avatar.tsx imports 1 module(s): skeleton.
Where is skeleton-avatar.tsx in the architecture?
skeleton-avatar.tsx is located at apps/v4/examples/radix/skeleton-avatar.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/radix).

Analyze Your Own Codebase

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

Try Supermodel Free