Alert

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

Live Example

This is a sample alert message.

Sample description for additional context.

Controls

Type:infoerrorwarningsuccess

Closable:

Show Icon:

Message:

Description:

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."	Message
description	string	"Sample description for additional context."	Description
showIcon	boolean	true	Whether to display an icon in the Alert.

Usage in Extensions

This component is available in the @apache-superset/core/ui package, which is automatically available to Superset extensions.

import { Alert } from '@apache-superset/core/ui';

function MyExtension() {
  return (
    <Alert
      closable
      type="info"
      message="This is a sample alert message."
    />
  );
}

Source Links

• Story file
• Component source

---

This page was auto-generated from the component's Storybook story.