From ca03a5f6ca42665a5422efb467fa15b263b7877f Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 12 Apr 2024 13:32:49 -0400 Subject: [PATCH 1/3] docs(button): update icons test to include sizes --- static/usage/v8/button/icons/angular.md | 32 +++++++++++++++-- static/usage/v8/button/icons/demo.html | 40 ++++++++++++++++++++-- static/usage/v8/button/icons/javascript.md | 32 +++++++++++++++-- static/usage/v8/button/icons/react.md | 35 +++++++++++++++++-- static/usage/v8/button/icons/vue.md | 36 ++++++++++++++++--- 5 files changed, 162 insertions(+), 13 deletions(-) diff --git a/static/usage/v8/button/icons/angular.md b/static/usage/v8/button/icons/angular.md index 89d74ad2e17..f6709fa5b95 100644 --- a/static/usage/v8/button/icons/angular.md +++ b/static/usage/v8/button/icons/angular.md @@ -1,15 +1,43 @@ ```html + + + + + + + + + + + + Left Icon + + Left Icon + + + + + Left Icon + + + Right Icon - + - + Right Icon + + + + + Right Icon + ``` diff --git a/static/usage/v8/button/icons/demo.html b/static/usage/v8/button/icons/demo.html index fcee45ae889..1f2a28daef2 100644 --- a/static/usage/v8/button/icons/demo.html +++ b/static/usage/v8/button/icons/demo.html @@ -8,24 +8,60 @@ + +
+ + + + + + + + + + + + Left Icon + + Left Icon + + + + + Left Icon + + + Right Icon - + - + Right Icon + + + + + Right Icon +
diff --git a/static/usage/v8/button/icons/javascript.md b/static/usage/v8/button/icons/javascript.md index 89d74ad2e17..f6709fa5b95 100644 --- a/static/usage/v8/button/icons/javascript.md +++ b/static/usage/v8/button/icons/javascript.md @@ -1,15 +1,43 @@ ```html + + + + + + + + + + + + Left Icon + + Left Icon + + + + + Left Icon + + + Right Icon - + - + Right Icon + + + + + Right Icon + ``` diff --git a/static/usage/v8/button/icons/react.md b/static/usage/v8/button/icons/react.md index 09df368e950..2536c016ce9 100644 --- a/static/usage/v8/button/icons/react.md +++ b/static/usage/v8/button/icons/react.md @@ -1,23 +1,52 @@ ```tsx import React from 'react'; import { IonButton, IonIcon } from '@ionic/react'; -import { star } from 'ionicons/icons'; +import { heart, logoApple, settingsSharp, star } from 'ionicons/icons'; + function Example() { return ( <> + + + + + + + + + + + + Left Icon + + Left Icon + + + + + Left Icon + + + Right Icon - + - + Right Icon + + + + + Right Icon + ); diff --git a/static/usage/v8/button/icons/vue.md b/static/usage/v8/button/icons/vue.md index 03d8648c878..f140ddff3a8 100644 --- a/static/usage/v8/button/icons/vue.md +++ b/static/usage/v8/button/icons/vue.md @@ -1,29 +1,57 @@ ```html From feea4668582d57f55a1d991177f379aa6c93ecca Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 12 Apr 2024 13:42:09 -0400 Subject: [PATCH 2/3] docs(button): add icon buttons to shape playground --- static/usage/v8/button/shape/angular.md | 9 ++++++++- static/usage/v8/button/shape/demo.html | 6 ++++++ static/usage/v8/button/shape/javascript.md | 9 ++++++++- static/usage/v8/button/shape/react.md | 9 ++++++++- static/usage/v8/button/shape/vue.md | 14 ++++++++++++-- 5 files changed, 42 insertions(+), 5 deletions(-) diff --git a/static/usage/v8/button/shape/angular.md b/static/usage/v8/button/shape/angular.md index a37193d9013..168a7615113 100644 --- a/static/usage/v8/button/shape/angular.md +++ b/static/usage/v8/button/shape/angular.md @@ -1,3 +1,10 @@ ```html -Default Round +Default +Round + + + + + + ``` diff --git a/static/usage/v8/button/shape/demo.html b/static/usage/v8/button/shape/demo.html index 9ad0befb259..579d5146891 100644 --- a/static/usage/v8/button/shape/demo.html +++ b/static/usage/v8/button/shape/demo.html @@ -16,6 +16,12 @@
Default Round + + + + + +
diff --git a/static/usage/v8/button/shape/javascript.md b/static/usage/v8/button/shape/javascript.md index a37193d9013..168a7615113 100644 --- a/static/usage/v8/button/shape/javascript.md +++ b/static/usage/v8/button/shape/javascript.md @@ -1,3 +1,10 @@ ```html -Default Round +Default +Round + + + + + + ``` diff --git a/static/usage/v8/button/shape/react.md b/static/usage/v8/button/shape/react.md index df52c3f8985..75e12e3ed7c 100644 --- a/static/usage/v8/button/shape/react.md +++ b/static/usage/v8/button/shape/react.md @@ -1,12 +1,19 @@ ```tsx import React from 'react'; -import { IonButton } from '@ionic/react'; +import { IonButton, IonIcon } from '@ionic/react'; +import { heart } from 'ionicons/icons'; function Example() { return ( <> Default Round + + + + + + ); } diff --git a/static/usage/v8/button/shape/vue.md b/static/usage/v8/button/shape/vue.md index 6db047c9532..4611c33383c 100644 --- a/static/usage/v8/button/shape/vue.md +++ b/static/usage/v8/button/shape/vue.md @@ -2,14 +2,24 @@ ``` From e897e0c113b9e34b68272070e7cfebc11a098056 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 12 Apr 2024 13:49:15 -0400 Subject: [PATCH 3/3] one whole line --- static/usage/v8/button/icons/react.md | 1 - 1 file changed, 1 deletion(-) diff --git a/static/usage/v8/button/icons/react.md b/static/usage/v8/button/icons/react.md index 2536c016ce9..68553487eb1 100644 --- a/static/usage/v8/button/icons/react.md +++ b/static/usage/v8/button/icons/react.md @@ -3,7 +3,6 @@ import React from 'react'; import { IonButton, IonIcon } from '@ionic/react'; import { heart, logoApple, settingsSharp, star } from 'ionicons/icons'; - function Example() { return ( <>