Update callout docs (#253)

Signed-off-by: Matt Provost <[email protected]> Co-authored-by: Anan Zhuang <[email protected]> Co-authored-by: Sean Neumann <[email protected]>
opensearch-project · Feb 27, 2023 · 905582a · 905582a
1 parent 3f0a84f
commit 905582a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 12 deletions.
diff --git a/src-docs/src/views/call_out/danger.js b/src-docs/src/views/call_out/danger.js
@@ -14,7 +14,7 @@ import React from 'react';
 import { OuiCallOut, OuiLink } from '../../../../src/components';
 
 export default () => (
-  <OuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
+  <OuiCallOut title="There was an error" color="danger" iconType="alert">
     <p>
       Now you have to fix it, but maybe{' '}
       <OuiLink href="#">this link can help</OuiLink>.

diff --git a/src-docs/src/views/call_out/info.js b/src-docs/src/views/call_out/info.js
@@ -24,16 +24,19 @@ export default () => (
         narrow, it will wrap, too.
       </p>
       <p>
-        And some other stuff on another line, just for kicks. And{' '}
-        <OuiLink href="#">here&rsquo;s a link</OuiLink>.
+        When possible, its recommended to include links to product{' '}
+        <OuiLink href="https://opensearch.org/docs/latest/">
+          documentation
+        </OuiLink>
+        .
       </p>
     </OuiCallOut>
 
     <OuiSpacer size="m" />
 
     <OuiCallOut
       title="Callouts can exist as just a title. Simply omit the child content."
-      iconType="lensApp"
+      iconType="visVisualBuilder"
     />
 
     <OuiSpacer size="m" />

diff --git a/src-docs/src/views/call_out/success.js b/src-docs/src/views/call_out/success.js
@@ -11,13 +11,10 @@
 
 import React from 'react';
 
-import { OuiCallOut, OuiLink } from '../../../../src/components';
+import { OuiCallOut } from '../../../../src/components';
 
 export default () => (
-  <OuiCallOut title="Good news, everyone!" color="success" iconType="user">
-    <p>
-      I have no news. Which is good! And{' '}
-      <OuiLink href="#">here&rsquo;s a link</OuiLink>.
-    </p>
+  <OuiCallOut title="Success" color="success" iconType="user">
+    <p>A system status message that reflects success.</p>
   </OuiCallOut>
 );
diff --git a/src-docs/src/views/call_out/warning.js b/src-docs/src/views/call_out/warning.js
@@ -16,8 +16,12 @@ import { OuiCallOut, OuiLink, OuiButton } from '../../../../src/components';
 export default () => (
   <OuiCallOut title="Proceed with caution!" color="warning" iconType="help">
     <p>
-      Here be dragons. Don&rsquo;t wanna mess with no dragons. And{' '}
-      <OuiLink href="#">here&rsquo;s a link</OuiLink>.
+      This feature is experimental, and should not be run in production. For
+      more information on this feature, visit{' '}
+      <OuiLink href="https://opensearch.org/docs/latest/">
+        documentation
+      </OuiLink>
+      .
     </p>
     <OuiButton href="#" color="warning">
       Link button