diff --git a/source/components/button-group.md b/source/components/button-group.md
index 20723634..04862fc9 100644
--- a/source/components/button-group.md
+++ b/source/components/button-group.md
@@ -75,6 +75,8 @@ Simple group of three flat buttons
 ```
 
 Simple group of two rounded buttons and one rounded dropdown button:
+> Note the use of the `v-close-overlay` directive to close the dropdown on click. Don't forget to register it in `quasar.conf.js`:<br>
+> `directives: ['CloseOverlay'],`
 ```html
 <q-btn-group rounded>
   <q-btn rounded color="primary" label="One" />
diff --git a/source/components/dropdown-button.md b/source/components/dropdown-button.md
index 1234c630..0b11b2ff 100644
--- a/source/components/dropdown-button.md
+++ b/source/components/dropdown-button.md
@@ -88,7 +88,8 @@ All props except `split` are shared with [QBtn](/components/button.html).
 ## More examples
 Complete example with [QList](/components/lists-and-list-items.html):
 
-> Note the use of the `v-close-overlay` directive to close the dropdown on click. Don't forget to register it in `quasar.conf.js`
+> Note the use of the `v-close-overlay` directive to close the dropdown on click. Don't forget to register it in `quasar.conf.js`:<br>
+> `directives: ['CloseOverlay'],`
 
 ```html
 <q-btn-dropdown