diff --git a/docs/components/dialog.md b/docs/components/dialog.md
index 7d332113c..ec000f4e3 100644
--- a/docs/components/dialog.md
+++ b/docs/components/dialog.md
@@ -276,4 +276,6 @@ const App = () => {
 };
 ```
 
+?> Alternatively, you can add the `autofocus` attribute to any form control to customize initial focus without using JavaScript.
+
 [component-metadata:sl-dialog]
diff --git a/docs/components/drawer.md b/docs/components/drawer.md
index fab6c3d47..9b9a62fcb 100644
--- a/docs/components/drawer.md
+++ b/docs/components/drawer.md
@@ -464,4 +464,6 @@ const App = () => {
 };
 ```
 
+?> Alternatively, you can add the `autofocus` attribute to any form control to customize initial focus without using JavaScript.
+
 [component-metadata:sl-drawer]