diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss
index 7324061713..62684b643a 100644
--- a/core/src/components/action-sheet/action-sheet.scss
+++ b/core/src/components/action-sheet/action-sheet.scss
@@ -4,6 +4,10 @@
 // --------------------------------------------------
 
 :host {
+  /**
+   * @prop --width: Width of the action sheet
+   * @prop --max-width: Maximum width of the action sheet
+   */
   --width: #{$action-sheet-width};
   --max-width: #{$action-sheet-max-width};
 
diff --git a/core/src/components/action-sheet/readme.md b/core/src/components/action-sheet/readme.md
index b95900d02d..794efe4aba 100644
--- a/core/src/components/action-sheet/readme.md
+++ b/core/src/components/action-sheet/readme.md
@@ -94,6 +94,14 @@ Type: `Promise<void>`
 
 
 
+## CSS Custom Properties
+
+| Name          | Description                       |
+| ------------- | --------------------------------- |
+| `--max-width` | Maximum width of the action sheet |
+| `--width`     | Width of the action sheet         |
+
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*