diff --git a/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js b/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js
index b415d079..92e3ad9c 100644
--- a/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js
+++ b/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js
@@ -55,7 +55,7 @@ const CAlertDialog = {
       type: Function,
       default: () => null
     },
-    leastDestructiveRef: [HTMLElement, Object]
+    leastDestructiveRef: [HTMLElement, Object, String, Function]
   },
   render (h, { slots, props, data }) {
     return h(CModal, {
diff --git a/website/pages/alertdialog.mdx b/website/pages/alertdialog.mdx
index 0fde4e25..32dab16e 100644
--- a/website/pages/alertdialog.mdx
+++ b/website/pages/alertdialog.mdx
@@ -120,4 +120,4 @@ exception is that it requires a `leastDestructiveRef` which is similar to the
 
 | Name                           | Type                              | Default | Description                                                   |
 | ------------------------------ | --------------------------------- | ------- | ------------------------------------------------------------- |
-| leastDestructiveRef (required) | `ref`, `selector` `Function: ref` |         | The least destructive action to get focus when dialog is open |
+| leastDestructiveRef (required) | `vm.$ref`, `() => vm.ref` or `CSS selector` |         | The least destructive action to get focus when dialog is open |