AlertDemo() — ui Function Reference

Architecture documentation for the AlertDemo() function in alert-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AlertDemo() — ui Function Reference

Dependency Diagram

graph TD
  35317e64_064c_3b24_375b_7e979206d780["AlertDemo()"]
  497fa854_5433_2c00_75d3_95cd851c8208["alert-demo.tsx"]
  35317e64_064c_3b24_375b_7e979206d780 -->|defined in| 497fa854_5433_2c00_75d3_95cd851c8208
  style 35317e64_064c_3b24_375b_7e979206d780 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/alert-demo.tsx lines 4–25

export default function AlertDemo() {
  return (
    <div className="grid w-full max-w-md items-start gap-4">
      <Alert>
        <CheckCircle2Icon />
        <AlertTitle>Payment successful</AlertTitle>
        <AlertDescription>
          Your payment of $29.99 has been processed. A receipt has been sent to
          your email address.
        </AlertDescription>
      </Alert>
      <Alert>
        <InfoIcon />
        <AlertTitle>New feature available</AlertTitle>
        <AlertDescription>
          We&apos;ve added dark mode support. You can enable it in your account
          settings.
        </AlertDescription>
      </Alert>
    </div>
  )
}