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..68553487eb1 100644 --- a/static/usage/v8/button/icons/react.md +++ b/static/usage/v8/button/icons/react.md @@ -1,23 +1,51 @@ ```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 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 @@ ```