AlertDialogWithMedia() — ui Function Reference

Architecture documentation for the AlertDialogWithMedia() function in alert-dialog-media.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AlertDialogWithMedia() — ui Function Reference

Dependency Diagram

graph TD
  c87b1463_8fac_5500_cacd_7d87dd8cc030["AlertDialogWithMedia()"]
  de507b63_ff37_f02f_e0a2_1077fa58445c["alert-dialog-media.tsx"]
  c87b1463_8fac_5500_cacd_7d87dd8cc030 -->|defined in| de507b63_ff37_f02f_e0a2_1077fa58445c
  style c87b1463_8fac_5500_cacd_7d87dd8cc030 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/alert-dialog-media.tsx lines 16–39

export function AlertDialogWithMedia() {
  return (
    <AlertDialog>
      <AlertDialogTrigger
        render={<Button variant="outline">Share Project</Button>}
      />
      <AlertDialogContent>
        <AlertDialogHeader>
          <AlertDialogMedia>
            <CircleFadingPlusIcon />
          </AlertDialogMedia>
          <AlertDialogTitle>Share this project?</AlertDialogTitle>
          <AlertDialogDescription>
            Anyone with the link will be able to view and edit this project.
          </AlertDialogDescription>
        </AlertDialogHeader>
        <AlertDialogFooter>
          <AlertDialogCancel>Cancel</AlertDialogCancel>
          <AlertDialogAction>Share</AlertDialogAction>
        </AlertDialogFooter>
      </AlertDialogContent>
    </AlertDialog>
  )
}