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
  a9759207_3a17_5fb5_73b6_c0acfd78d31e["skeleton-avatar.tsx"]
  cef38c81_d14a_1a57_fc9b_8b9a55d51a99["skeleton"]
  a9759207_3a17_5fb5_73b6_c0acfd78d31e --> cef38c81_d14a_1a57_fc9b_8b9a55d51a99
  style a9759207_3a17_5fb5_73b6_c0acfd78d31e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Skeleton } from "@/examples/base/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/base/skeleton-avatar.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/base).

Analyze Your Own Codebase

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

Try Supermodel Free