From 508da7fd56aab2e4a36eaaf69aa6fe61105733b0 Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 11 Dec 2015 09:45:03 -0800
Subject: [PATCH] Add callout to... callout docs explaining that data-close can
 be applied to any element

---
 docs/pages/callout.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/pages/callout.md b/docs/pages/callout.md
index 550f2f9b0..5d0a3db2c 100644
--- 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>
-- 
2.47.2