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
  b4ddb89c_6d23_ced6_01f4_750d94c4c0a1["AlertDialogWithMedia()"]
  eb3b2d80_2981_9c43_bd0d_0324c70ca571["alert-dialog-media.tsx"]
  b4ddb89c_6d23_ced6_01f4_750d94c4c0a1 -->|defined in| eb3b2d80_2981_9c43_bd0d_0324c70ca571
  style b4ddb89c_6d23_ced6_01f4_750d94c4c0a1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export function AlertDialogWithMedia() {
  return (
    <AlertDialog>
      <AlertDialogTrigger asChild>
        <Button variant="outline">Share Project</Button>
      </AlertDialogTrigger>
      <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>
  )
}