Add callout to... callout docs explaining that data-close can be applied to any element

diff --git a/docs/pages/callout.md b/docs/pages/callout.md
index 550f2f9b0a40ed3d49f642a42ad7c56a8890e8b8..5d0a3db2c3e0ec875722495f790a6ff7fcc0f1cc 100644 (file)
--- a/docs/pages/callout.md
+++ b/docs/pages/callout.md
@@ -89,6 +89,10 @@ Callouts can be sized using the `.small` and `.large` classes. These will affect
 
 Pair the callout with the [close button](close-button.html) component and `data-closable` attribute to create a dismissable alert box.
 
+<div class="primary callout">
+  <p>Any element can be used as a close trigger, not just close button. Adding the attribute <code>data-close</code> to any element within the callout will turn it into a close trigger.</p>
+</div>
+
 ```html_example
 <div class="alert callout" data-closable>
   <h5>This is Important!</h5>