Alert

Displays a callout for user attention.

alert-variants

Success

Error

Info

Warning

React

import { Alert } from "@backend-ai/ui/components";

const AlertExamples = () => {
  return (
    <>
      <Alert type="success">
        <p>Success</p>
      </Alert>
      <Alert type="error">
        <p>Error</p>
      </Alert>
      <Alert type="info">
        <p>Info</p>
      </Alert>
      <Alert type="warning">
        <p>Warning</p>
      </Alert>
    </>
  );
};

export default AlertExamples;