From 58a8095bef4f688135db2dab740c201c74ec9de6 Mon Sep 17 00:00:00 2001 From: Shawn Taylor Date: Fri, 19 May 2023 15:06:38 -0400 Subject: [PATCH 1/3] docs(spinner): add docs for resizing --- docs/api/spinner.md | 8 +++++ .../resizing/angular/example_component_css.md | 6 ++++ .../angular/example_component_html.md | 3 ++ .../v7/spinner/theming/resizing/demo.html | 29 +++++++++++++++++ .../v7/spinner/theming/resizing/index.md | 32 +++++++++++++++++++ .../v7/spinner/theming/resizing/javascript.md | 10 ++++++ .../v7/spinner/theming/resizing/react.md | 9 ++++++ .../theming/resizing/react/main_css.md | 6 ++++ .../theming/resizing/react/main_tsx.md | 15 +++++++++ .../usage/v7/spinner/theming/resizing/vue.md | 21 ++++++++++++ 10 files changed, 139 insertions(+) create mode 100644 static/usage/v7/spinner/theming/resizing/angular/example_component_css.md create mode 100644 static/usage/v7/spinner/theming/resizing/angular/example_component_html.md create mode 100644 static/usage/v7/spinner/theming/resizing/demo.html create mode 100644 static/usage/v7/spinner/theming/resizing/index.md create mode 100644 static/usage/v7/spinner/theming/resizing/javascript.md create mode 100644 static/usage/v7/spinner/theming/resizing/react.md create mode 100644 static/usage/v7/spinner/theming/resizing/react/main_css.md create mode 100644 static/usage/v7/spinner/theming/resizing/react/main_tsx.md create mode 100644 static/usage/v7/spinner/theming/resizing/vue.md diff --git a/docs/api/spinner.md b/docs/api/spinner.md index dc5b55a36c3..b589632edf9 100644 --- a/docs/api/spinner.md +++ b/docs/api/spinner.md @@ -43,6 +43,14 @@ import CSSProps from '@site/static/usage/v7/spinner/theming/css-properties/index +## Styling + +### Resizing + +import Resizing from '@site/static/usage/v7/spinner/theming/resizing/index.md'; + + + ## Properties diff --git a/static/usage/v7/spinner/theming/resizing/angular/example_component_css.md b/static/usage/v7/spinner/theming/resizing/angular/example_component_css.md new file mode 100644 index 00000000000..845d1a9af47 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/angular/example_component_css.md @@ -0,0 +1,6 @@ +```css +ion-spinner { + width: 100px; + height: 100px; +} +``` diff --git a/static/usage/v7/spinner/theming/resizing/angular/example_component_html.md b/static/usage/v7/spinner/theming/resizing/angular/example_component_html.md new file mode 100644 index 00000000000..4b3b8d665b4 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/angular/example_component_html.md @@ -0,0 +1,3 @@ +```html + +``` diff --git a/static/usage/v7/spinner/theming/resizing/demo.html b/static/usage/v7/spinner/theming/resizing/demo.html new file mode 100644 index 00000000000..ff824eebf35 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/demo.html @@ -0,0 +1,29 @@ + + + + + + Spinner + + + + + + + + + + + +
+ +
+ + + + diff --git a/static/usage/v7/spinner/theming/resizing/index.md b/static/usage/v7/spinner/theming/resizing/index.md new file mode 100644 index 00000000000..5d4b142092e --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/index.md @@ -0,0 +1,32 @@ +import Playground from '@site/src/components/global/Playground'; + +import javascript from './javascript.md'; + +import react_main_tsx from './react/main_tsx.md'; +import react_main_css from './react/main_css.md'; + +import vue from './vue.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_css from './angular/example_component_css.md'; + + diff --git a/static/usage/v7/spinner/theming/resizing/javascript.md b/static/usage/v7/spinner/theming/resizing/javascript.md new file mode 100644 index 00000000000..9c875eb4951 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/javascript.md @@ -0,0 +1,10 @@ +```html + + + +``` diff --git a/static/usage/v7/spinner/theming/resizing/react.md b/static/usage/v7/spinner/theming/resizing/react.md new file mode 100644 index 00000000000..117d82c8541 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/react.md @@ -0,0 +1,9 @@ +```tsx +import React from 'react'; +import { IonSpinner } from '@ionic/react'; + +function Example() { + return ; +} +export default Example; +``` diff --git a/static/usage/v7/spinner/theming/resizing/react/main_css.md b/static/usage/v7/spinner/theming/resizing/react/main_css.md new file mode 100644 index 00000000000..845d1a9af47 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/react/main_css.md @@ -0,0 +1,6 @@ +```css +ion-spinner { + width: 100px; + height: 100px; +} +``` diff --git a/static/usage/v7/spinner/theming/resizing/react/main_tsx.md b/static/usage/v7/spinner/theming/resizing/react/main_tsx.md new file mode 100644 index 00000000000..f990cb1e738 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/react/main_tsx.md @@ -0,0 +1,15 @@ +```tsx +import React from 'react'; +import { IonSpinner } from '@ionic/react'; + +import './main.css'; + +function Example() { + return ( + <> + + + ); +} +export default Example; +``` diff --git a/static/usage/v7/spinner/theming/resizing/vue.md b/static/usage/v7/spinner/theming/resizing/vue.md new file mode 100644 index 00000000000..52ae17f7694 --- /dev/null +++ b/static/usage/v7/spinner/theming/resizing/vue.md @@ -0,0 +1,21 @@ +```html + + + + + +``` From c22c52099961717fc191f9b668ce7cfee6d673de Mon Sep 17 00:00:00 2001 From: Shawn Taylor Date: Thu, 25 May 2023 13:08:57 -0400 Subject: [PATCH 2/3] Fix ionic version --- static/usage/v7/spinner/theming/resizing/demo.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/usage/v7/spinner/theming/resizing/demo.html b/static/usage/v7/spinner/theming/resizing/demo.html index ff824eebf35..acebb2ef5d2 100644 --- a/static/usage/v7/spinner/theming/resizing/demo.html +++ b/static/usage/v7/spinner/theming/resizing/demo.html @@ -6,8 +6,8 @@ Spinner - - + +