diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md
index 3a0d5b1bf..4ac9791b9 100644
--- a/COMPONENT_GUIDE.md
+++ b/COMPONENT_GUIDE.md
@@ -199,10 +199,31 @@ Callouts direct your attention to information of special importance or to inform
 
 ### Usage
 
-* Caution: `<Caution>Text</Caution>`
-* Important: `<Important>Text</Important>`
-* Tip: `<Tip>Text</Important>`
+```jsx
+<Caution> 
+
+Text with `markdown`.
+
+</Caution>
+
+<Important>
+
+Text with `markdown`.
+
+</Important>
+
+<Tip>
+
+Text with `markdown`.
+
+</Tip>
+```
 
 All callouts have default titles that can be overridden like this:
 
-`<Caution title="A custom title">Text</Caution>`
\ No newline at end of file
+```jsx
+<Caution title="A custom title">
+
+Text
+
+</Caution>```