From 2fcff2c263a54092bb0dd4a048fce4786f954458 Mon Sep 17 00:00:00 2001 From: Cam Wiegert Date: Tue, 6 Nov 2018 15:36:25 -0600 Subject: [PATCH] docs(action-sheet): document custom properties (#16250) references #14850 --- core/src/components/action-sheet/action-sheet.scss | 4 ++++ core/src/components/action-sheet/readme.md | 8 ++++++++ 2 files changed, 12 insertions(+) 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` +## 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/)*