Components
An alert component that displays AI or API error messages with optional retry and dismiss actions.
Loading preview...
"use client";
import AIErrorHandler from "@/components/ui/ai-error-handler";
export default function AIErrorHandlerDemo() {
const handleRetry = async () => {
await new Promise((resolve) => setTimeout(resolve, 1500));
};
return (
<div className="flex w-full max-w-md items-center justify-center p-6">
<AIErrorHandler
error="Failed to generate a response. The AI service is temporarily unavailable."
onDismiss={() => {}}
onRetry={handleRetry}
title="Request Failed"
/>
</div>
);
}