ui Architecture Docs
Home / File/ toast-with-action.tsx — ui Source File

toast-with-action.tsx — ui Source File

Architecture documentation for toast-with-action.tsx, a tsx file in the ui codebase. 3 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  29dc5043_4c19_6bce_6334_62323b82b842["toast-with-action.tsx"]
  64d95022_f8e1_3e94_bb97_22b3ebca757e["use-toast"]
  29dc5043_4c19_6bce_6334_62323b82b842 --> 64d95022_f8e1_3e94_bb97_22b3ebca757e
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  29dc5043_4c19_6bce_6334_62323b82b842 --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  24b98a33_2ada_5229_61ae_aeb1a46ab80e["toast"]
  29dc5043_4c19_6bce_6334_62323b82b842 --> 24b98a33_2ada_5229_61ae_aeb1a46ab80e
  style 29dc5043_4c19_6bce_6334_62323b82b842 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useToast } from "@/registry/new-york/hooks/use-toast"
import { Button } from "@/registry/new-york/ui/button"
import { ToastAction } from "@/registry/new-york/ui/toast"

export default function ToastWithAction() {
  const { toast } = useToast()

  return (
    <Button
      variant="outline"
      onClick={() => {
        toast({
          title: "Uh oh! Something went wrong.",
          description: "There was a problem with your request.",
          action: <ToastAction altText="Try again">Try again</ToastAction>,
        })
      }}
    >
      Show Toast
    </Button>
  )
}

Domain

Subdomains

Functions

Dependencies

  • button
  • toast
  • use-toast

Source

Frequently Asked Questions

What does toast-with-action.tsx do?
toast-with-action.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in toast-with-action.tsx?
toast-with-action.tsx defines 1 function(s): ToastWithAction.
What does toast-with-action.tsx depend on?
toast-with-action.tsx imports 3 module(s): button, toast, use-toast.
Where is toast-with-action.tsx in the architecture?
toast-with-action.tsx is located at deprecated/www/registry/new-york/examples/toast-with-action.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/examples).

Analyze Your Own Codebase

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

Try Supermodel Free