Alert

import { Alert } from "@/components/alert";

function Example() {
  return <Alert title="This is the alert title" />;
}

import { Alert } from "@/components/alert";

function Example() {
  return (
    <Alert
      status="error"
      showIndicator
      title="Invalid Fields"
      description="Your form has some errors. Please fix them and try again."
    />
  );
}

import { Alert } from "@/components/alert";

function Example() {
  return (
    <div className="flex flex-col gap-2">
      <Alert
        status="info"
        showIndicator
        title="Information"
        description="This is an informational alert."
      />
      <Alert
        status="warning"
        showIndicator
        title="Warning"
        description="This is a warning alert."
      />
      <Alert
        status="success"
        showIndicator
        title="Success"
        description="This is a success alert."
      />
      <Alert
        status="error"
        showIndicator
        title="Error"
        description="This is an error alert."
      />
    </div>
  );
}