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

empty-avatar.tsx — ui Source File

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

File tsx DocumentationAtlas ContentSourcing 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  f9702545_a4c8_29f8_ca9b_e86fd25cac52["empty-avatar.tsx"]
  ec3aa9ae_e596_5628_1560_c37c71899cb4["avatar"]
  f9702545_a4c8_29f8_ca9b_e86fd25cac52 --> ec3aa9ae_e596_5628_1560_c37c71899cb4
  4b1d2128_46d9_46f0_b915_b6e1925b7876["button"]
  f9702545_a4c8_29f8_ca9b_e86fd25cac52 --> 4b1d2128_46d9_46f0_b915_b6e1925b7876
  7277b9e1_25cb_9c37_cdd3_48ed692fffa2["empty"]
  f9702545_a4c8_29f8_ca9b_e86fd25cac52 --> 7277b9e1_25cb_9c37_cdd3_48ed692fffa2
  style f9702545_a4c8_29f8_ca9b_e86fd25cac52 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Avatar, AvatarFallback, AvatarImage } from "@/examples/radix/ui/avatar"
import { Button } from "@/examples/radix/ui/button"
import {
  Empty,
  EmptyContent,
  EmptyDescription,
  EmptyHeader,
  EmptyMedia,
  EmptyTitle,
} from "@/examples/radix/ui/empty"

export default function EmptyAvatar() {
  return (
    <Empty>
      <EmptyHeader>
        <EmptyMedia variant="default">
          <Avatar className="size-12">
            <AvatarImage
              src="https://github.com/shadcn.png"
              className="grayscale"
            />
            <AvatarFallback>LR</AvatarFallback>
          </Avatar>
        </EmptyMedia>
        <EmptyTitle>User Offline</EmptyTitle>
        <EmptyDescription>
          This user is currently offline. You can leave a message to notify them
          or try again later.
        </EmptyDescription>
      </EmptyHeader>
      <EmptyContent>
        <Button size="sm">Leave Message</Button>
      </EmptyContent>
    </Empty>
  )
}

Domain

Subdomains

Functions

Dependencies

  • avatar
  • button
  • empty

Source

Frequently Asked Questions

What does empty-avatar.tsx do?
empty-avatar.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 empty-avatar.tsx?
empty-avatar.tsx defines 1 function(s): EmptyAvatar.
What does empty-avatar.tsx depend on?
empty-avatar.tsx imports 3 module(s): avatar, button, empty.
Where is empty-avatar.tsx in the architecture?
empty-avatar.tsx is located at apps/v4/examples/radix/empty-avatar.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, 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