Alert

primary

Custom alert
This is a custom alert with a title and description
Additional content goes here.
import { Alert, AlertTitle, AlertDescription } from "avishka-ui";
 
function Alert() {
  return (
    <Alert className="w-[350px]">
      <AlertTitle>Custom Alert</AlertTitle>
      <AlertDescription>
        This is a custom alert with a title and description
      </AlertDescription>
      Additional content goes here.
    </Alert>
  );
}
 
export default Alert;
danger

Critical System Failure !
Critical failure disrupts services
Our systems have experienced a critical failure,
import { Alert, AlertTitle, AlertDescription } from "avishka-ui";
 
function Alert() {
  return (
    <Alert variant={"danger"} className="w-[350px]">
      <AlertTitle>Critical System Failure !</AlertTitle>
      <AlertDescription>Critical failure disrupts services</AlertDescription>
      Our systems have experienced a critical failure,
    </Alert>
  );
}
 
export default Alert;