- {title &&
{title}
}
- {description && (
-
{description}
+
+ {loading ? (
+
+ ) : (
+ statusIcon &&
{statusIcon}
)}
+
+
+ {title &&
{title}
}
+ {description && (
+
{description}
+ )}
+
{customActions && (
diff --git a/packages/ui/src/components/Alert/definition.ts b/packages/ui/src/components/Alert/definition.ts
index 30c574dc14..3418d4cb82 100644
--- a/packages/ui/src/components/Alert/definition.ts
+++ b/packages/ui/src/components/Alert/definition.ts
@@ -26,6 +26,7 @@ export const AlertDefinition = defineComponent
()({
styles,
classNames: {
root: 'bui-Alert',
+ contentWrapper: 'bui-AlertContentWrapper',
content: 'bui-AlertContent',
title: 'bui-AlertTitle',
description: 'bui-AlertDescription',
diff --git a/packages/ui/src/definitions.ts b/packages/ui/src/definitions.ts
index 6c470e4d37..808ea0abc3 100644
--- a/packages/ui/src/definitions.ts
+++ b/packages/ui/src/definitions.ts
@@ -20,6 +20,7 @@
*/
export { AccordionDefinition } from './components/Accordion/definition';
+export { AlertDefinition } from './components/Alert/definition';
export { AvatarDefinition } from './components/Avatar/definition';
export { BoxDefinition } from './components/Box/definition';
export { ButtonDefinition } from './components/Button/definition';