From 5756789b42164bcac968960449b2d53043aaa9bd Mon Sep 17 00:00:00 2001 From: Stefanos Anagnostou Date: Mon, 8 Apr 2019 18:01:22 +0300 Subject: [PATCH] docs(breaking): add ion-button shape attribute (#17985) --- angular/BREAKING.md | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/angular/BREAKING.md b/angular/BREAKING.md index 8ad69a5fdf..0d7260cf1d 100644 --- a/angular/BREAKING.md +++ b/angular/BREAKING.md @@ -182,13 +182,14 @@ These have been renamed to the following, and moved from the button element to t In addition, several sets of mutually exclusive boolean attributes have been combined into a single string attribute. -The `small` and `large` attributes are now combined under the `size` attribute. The `clear`, `outline`, and `solid` attributes have been combined under `fill`. And, lastly, the `full` and `block` attributes have been combined under `expand`. +The `small` and `large` attributes are now combined under the `size` attribute. The `clear`, `outline`, and `solid` attributes have been combined under `fill`. The `full` and `block` attributes have been combined under `expand`. And, lastly, the `round` attribute is now used under `shape`. | Old Property | New Property | Property Behavior | | --------------------------- | ------------ | --------------------------- | | `small`, `large` | `size` | Sets the button size. | | `clear`, `outline`, `solid` | `fill` | Sets the button fill style. | | `full`, `block`             | `expand` | Sets the button width. | +| `round`             | `shape` | Sets the button shape. | **Old Usage Example:** @@ -225,6 +226,10 @@ The `small` and `large` attributes are now combined under the `size` attribute. Full-width Button + + + Round Button + ``` **New Usage Example:** @@ -251,6 +256,10 @@ The `small` and `large` attributes are now combined under the `size` attribute. Full-width Button + + + Round Button + ``` @@ -1065,11 +1074,11 @@ async openLoading() { let loading = this.loadingCtrl.create({ content: 'Loading...' }); - + await loading.present(); - + const { role, data } = await loading.onDidDismiss(); - + console.log('Loading dismissed!'); } ```