docs(action-sheet): document custom properties (#16250)

references #14850
ionic-team · Nov 6, 2018 · 2fcff2c · 2fcff2c
1 parent 6d3042e
commit 2fcff2c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git 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
@@ -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/)*