diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap index a3e198b61222..f8fa1425bc58 100644 --- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap +++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -7242,7 +7242,7 @@ Map { "type": "string", }, "subtitle": Object { - "type": "string", + "type": "node", }, "title": Object { "type": "string", diff --git a/packages/react/src/components/Notification/Notification.tsx b/packages/react/src/components/Notification/Notification.tsx index 221e5cf6aaba..3057e9dda54e 100644 --- a/packages/react/src/components/Notification/Notification.tsx +++ b/packages/react/src/components/Notification/Notification.tsx @@ -1226,7 +1226,7 @@ export interface StaticNotificationProps /** * Specify the subtitle */ - subtitle?: string; + subtitle?: ReactNode; /** * Specify the title @@ -1295,7 +1295,10 @@ export function StaticNotification({
{actionButtonLabel && ( - + {actionButtonLabel} )} @@ -1350,7 +1353,7 @@ StaticNotification.propTypes = { /** * Specify the subtitle */ - subtitle: PropTypes.string, + subtitle: PropTypes.node, /** * Specify the title diff --git a/packages/react/src/components/Notification/stories/StaticNotification.stories.js b/packages/react/src/components/Notification/stories/StaticNotification.stories.js index 12efd46dd2b3..c396f85d90e5 100644 --- a/packages/react/src/components/Notification/stories/StaticNotification.stories.js +++ b/packages/react/src/components/Notification/stories/StaticNotification.stories.js @@ -48,7 +48,20 @@ export const WithInteractiveElements = () => ( ); -export const WithActionButton = () => ( +export const WithActionButtonOnly = () => ( + +
+ Here is some important info you might want to know.{' '} +
+
+); + +export const WithActionButtonAndLinks = () => (