diff --git a/CHANGELOG.md b/CHANGELOG.md
index ef90c5365d..b0e6c3b07e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@
- Adds `SchemaItem` as an experimental component ([#974](https://github.com/opensearch-project/oui/pull/974))
- Make `CollapsibleNavGroup` background colors theme-able ([#968](https://github.com/opensearch-project/oui/pull/968))
- Update next light theme primary color to #07827E ([#981](https://github.com/opensearch-project/oui/pull/981))
+- Add dismissible prop to OuiCallOut ([#985](https://github.com/opensearch-project/oui/pull/985))
### 🐛 Bug Fixes
diff --git a/src-docs/src/views/call_out/info.js b/src-docs/src/views/call_out/info.js
index 27feb2d164..2afe71e4df 100644
--- a/src-docs/src/views/call_out/info.js
+++ b/src-docs/src/views/call_out/info.js
@@ -9,42 +9,65 @@
* GitHub history for details.
*/
-import React from 'react';
+import React, { useState } from 'react';
import { OuiCallOut, OuiLink, OuiSpacer } from '../../../../src/components';
-export default () => (
-
-
-
- Here’s some stuff that you need to know. We can make this text
- really long so that, when viewed within a browser that’s fairly
- narrow, it will wrap, too.
-
-
- When possible, its recommended to include links to product{' '}
-
- documentation
-
- .
-
+ Here’s some stuff that you need to know. We can make this text
+ really long so that, when viewed within a browser that’s fairly
+ narrow, it will wrap, too.
+
+
+ When possible, its recommended to include links to product{' '}
+
+ documentation
+
+ .
+
+
+
+
+
+
+
+
+
+ {callOut}
+
+
+
+
+
+ );
+};
diff --git a/src/components/call_out/__snapshots__/call_out.test.tsx.snap b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
index 6860aa91bb..89a412f4ca 100644
--- a/src/components/call_out/__snapshots__/call_out.test.tsx.snap
+++ b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
@@ -42,6 +42,92 @@ exports[`OuiCallOut props color warning is rendered 1`] = `
/>
`;
+exports[`OuiCallOut props dismissible close callout after click 1`] = `
+
+
+
+
+ This is a callout
+
+
+
+
+
+
+
+`;
+
+exports[`OuiCallOut props dismissible is not rendered when in danger color 1`] = `
+
+`;
+
+exports[`OuiCallOut props dismissible is not rendered when in warning color 1`] = `
+
+`;
+
+exports[`OuiCallOut props dismissible is rendered when set to true 1`] = `
+