ui Architecture Docs
Home / File/ dialog-close-button.tsx — ui Source File

dialog-close-button.tsx — ui Source File

Architecture documentation for dialog-close-button.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx DocumentationAtlas ContentSourcing 4 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  5ff67f78_6c32_d12c_be02_a00a59f822fd["dialog-close-button.tsx"]
  4b1d2128_46d9_46f0_b915_b6e1925b7876["button"]
  5ff67f78_6c32_d12c_be02_a00a59f822fd --> 4b1d2128_46d9_46f0_b915_b6e1925b7876
  cd433a12_a20e_c2ab_21fc_4d4945c6d923["dialog"]
  5ff67f78_6c32_d12c_be02_a00a59f822fd --> cd433a12_a20e_c2ab_21fc_4d4945c6d923
  9af00736_7b63_3c3c_87d0_68c5200c5d80["input"]
  5ff67f78_6c32_d12c_be02_a00a59f822fd --> 9af00736_7b63_3c3c_87d0_68c5200c5d80
  2a43f855_1408_526d_d4d2_31c7a87506c6["label"]
  5ff67f78_6c32_d12c_be02_a00a59f822fd --> 2a43f855_1408_526d_d4d2_31c7a87506c6
  style 5ff67f78_6c32_d12c_be02_a00a59f822fd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Button } from "@/examples/radix/ui/button"
import {
  Dialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/examples/radix/ui/dialog"
import { Input } from "@/examples/radix/ui/input"
import { Label } from "@/examples/radix/ui/label"

export function DialogCloseButton() {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Share</Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-md">
        <DialogHeader>
          <DialogTitle>Share link</DialogTitle>
          <DialogDescription>
            Anyone who has this link will be able to view this.
          </DialogDescription>
        </DialogHeader>
        <div className="flex items-center gap-2">
          <div className="grid flex-1 gap-2">
            <Label htmlFor="link" className="sr-only">
              Link
            </Label>
            <Input
              id="link"
              defaultValue="https://ui.shadcn.com/docs/installation"
              readOnly
            />
          </div>
        </div>
        <DialogFooter className="sm:justify-start">
          <DialogClose asChild>
            <Button type="button">Close</Button>
          </DialogClose>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}

Domain

Subdomains

Functions

Dependencies

  • button
  • dialog
  • input
  • label

Source

Frequently Asked Questions

What does dialog-close-button.tsx do?
dialog-close-button.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 dialog-close-button.tsx?
dialog-close-button.tsx defines 1 function(s): DialogCloseButton.
What does dialog-close-button.tsx depend on?
dialog-close-button.tsx imports 4 module(s): button, dialog, input, label.
Where is dialog-close-button.tsx in the architecture?
dialog-close-button.tsx is located at apps/v4/examples/radix/dialog-close-button.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