Icon Alert

An alert box that pairs a status icon with a title and description to flag success, warning, or error messages inline in a page.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Icon Alert to your project and fits it to your theme.

import IconAlert from "@/components/ui/icon-alert";

export default function IconAlertDemo() {
  return (
    <div className="flex w-full max-w-md items-center justify-center p-4">
      <IconAlert />
    </div>
  );
}