Alert

Alert component for displaying important messages to users. Wraps Ant Design Alert with sensible defaults and improved accessibility.

Live Example

Loading component...

Try It

Edit the code below to experiment with the component:

Live Editor

function Demo() {
  return (
    <Alert
      closable
      type="info"
      message="This is a sample alert message."
      description="Sample description for additional context."
      showIcon
    />
  );
}

Result

Loading...

Props

Prop	Type	Default	Description
closable	boolean	true	Whether the Alert can be closed with a close button.
type	string	"info"	Type of the alert (e.g., info, error, warning, success).
message	string	"This is a sample alert message."	-
description	string	"Sample description for additional context."	-
showIcon	boolean	true	Whether to display an icon in the Alert.

Import

import { Alert } from 'packages/superset-core/src/ui/components/Alert';

---

Improve this page

This documentation is auto-generated from the component's Storybook story. Help improve it by editing the story file.