From 757f6d91a6e92c51c9a2ceb63d1c803e86e0068d Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 19 Apr 2024 14:01:42 -0700 Subject: [PATCH] docs(mdx): convert md to mdx --- .editorconfig | 2 +- CONTRIBUTING.md | 8 ++++---- _templates/README.md | 4 ++-- docs/angular/your-first-app.mdx | 2 +- .../version-v7/api.md => docs/api.mdx | 2 +- docs/api/picker-column-option.md | 2 +- docs/api/picker-column.md | 2 +- docs/api/picker-legacy.md | 2 +- docs/{cli.md => cli.mdx} | 12 +++++------ docs/{components.md => components.mdx} | 4 ++-- docs/core-concepts/cross-platform.mdx | 2 +- docs/developing/tips.mdx | 2 +- docs/{index.md => index.mdx} | 4 ++-- docs/intro/cli.mdx | 6 +++--- docs/intro/environment.mdx | 2 +- docs/{native-faq.md => native-faq.mdx} | 0 docs/{native-setup.md => native-setup.mdx} | 0 docs/{native.md => native.mdx} | 0 docs/{react.md => react.mdx} | 0 docs/react/your-first-app.mdx | 2 +- docs/reference/browser-support.mdx | 2 +- docs/theming/advanced.mdx | 4 ++-- docs/theming/css-shadow-parts.mdx | 4 ++-- docs/theming/dark-mode.mdx | 10 +++++----- docs/theming/high-contrast-mode.md | 16 +++++++-------- docs/theming/platform-styles.mdx | 4 ++-- docs/troubleshooting/debugging.mdx | 2 +- docs/updating/4-0.mdx | 4 ++-- docs/vue/overview.mdx | 2 +- docs/vue/your-first-app.mdx | 2 +- package.json | 4 ++-- .../version-v5/angular/your-first-app.mdx | 4 ++-- versioned_docs/version-v5/{api.md => api.mdx} | 0 versioned_docs/version-v5/api/content.mdx | 2 +- versioned_docs/version-v5/api/item.mdx | 4 ++-- versioned_docs/version-v5/{cli.md => cli.mdx} | 2 +- .../{components.md => components.mdx} | 4 ++-- .../core-concepts/cross-platform.mdx | 6 +++--- .../version-v5/core-concepts/fundamentals.mdx | 2 +- .../version-v5/core-concepts/webview.mdx | 2 +- versioned_docs/version-v5/developing/tips.mdx | 2 +- .../version-v5/{index.md => index.mdx} | 2 +- versioned_docs/version-v5/intro/cli.mdx | 6 +++--- .../version-v5/intro/environment.mdx | 2 +- ...tive-community.md => native-community.mdx} | 4 ++-- .../{native-faq.md => native-faq.mdx} | 6 +++--- .../version-v5/{native.md => native.mdx} | 4 ++-- .../version-v5/native/abbyy-rtr.mdx | 2 +- .../version-v5/native/action-sheet.mdx | 2 +- versioned_docs/version-v5/native/adjust.mdx | 2 +- versioned_docs/version-v5/native/admob.mdx | 2 +- versioned_docs/version-v5/native/aes-256.mdx | 2 +- .../version-v5/native/all-in-one-sdk.mdx | 2 +- .../version-v5/native/analytics-firebase.mdx | 2 +- .../version-v5/native/android-exoplayer.mdx | 2 +- .../version-v5/native/android-full-screen.mdx | 2 +- .../version-v5/native/android-notch.mdx | 2 +- .../version-v5/native/android-permissions.mdx | 2 +- versioned_docs/version-v5/native/anyline.mdx | 2 +- .../version-v5/native/app-availability.mdx | 2 +- .../native/app-center-analytics.mdx | 2 +- .../version-v5/native/app-center-crashes.mdx | 2 +- .../version-v5/native/app-center-push.mdx | 2 +- .../version-v5/native/app-preferences.mdx | 2 +- versioned_docs/version-v5/native/app-rate.mdx | 2 +- .../version-v5/native/app-version.mdx | 2 +- .../version-v5/native/apple-wallet.mdx | 2 +- .../version-v5/native/appsflyer.mdx | 2 +- .../version-v5/native/background-fetch.mdx | 2 +- .../native/background-geolocation.mdx | 2 +- .../version-v5/native/background-mode.mdx | 2 +- .../version-v5/native/background-upload.mdx | 2 +- versioned_docs/version-v5/native/badge.mdx | 2 +- .../version-v5/native/barcode-scanner.mdx | 2 +- .../version-v5/native/battery-status.mdx | 2 +- versioned_docs/version-v5/native/biocatch.mdx | 2 +- .../version-v5/native/biometric-wrapper.mdx | 2 +- versioned_docs/version-v5/native/ble.mdx | 2 +- versioned_docs/version-v5/native/blinkid.mdx | 2 +- .../version-v5/native/bluetooth-le.mdx | 2 +- .../version-v5/native/bluetooth-serial.mdx | 2 +- .../version-v5/native/branch-io.mdx | 2 +- .../version-v5/native/broadcaster.mdx | 2 +- .../version-v5/native/build-info.mdx | 2 +- versioned_docs/version-v5/native/calendar.mdx | 2 +- .../version-v5/native/call-directory.mdx | 2 +- .../version-v5/native/call-number.mdx | 2 +- .../version-v5/native/camera-preview.mdx | 2 +- versioned_docs/version-v5/native/camera.mdx | 2 +- versioned_docs/version-v5/native/chooser.mdx | 2 +- .../version-v5/native/clevertap.mdx | 2 +- .../version-v5/native/clipboard.mdx | 2 +- .../version-v5/native/cloud-settings.mdx | 2 +- .../version-v5/native/code-push.mdx | 2 +- .../version-v5/native/custom-uisdk.mdx | 2 +- .../version-v5/native/deeplinks.mdx | 2 +- .../version-v5/native/device-accounts.mdx | 2 +- .../version-v5/native/device-motion.mdx | 2 +- .../version-v5/native/device-orientation.mdx | 2 +- versioned_docs/version-v5/native/device.mdx | 2 +- .../version-v5/native/dfu-update.mdx | 2 +- .../version-v5/native/diagnostic.mdx | 2 +- versioned_docs/version-v5/native/dialogs.mdx | 2 +- versioned_docs/version-v5/native/dns.mdx | 2 +- .../version-v5/native/document-picker.mdx | 2 +- .../version-v5/native/document-scanner.mdx | 2 +- .../version-v5/native/document-viewer.mdx | 2 +- .../version-v5/native/email-composer.mdx | 2 +- versioned_docs/version-v5/native/fabric.mdx | 2 +- versioned_docs/version-v5/native/facebook.mdx | 2 +- versioned_docs/version-v5/native/fcm.mdx | 2 +- .../version-v5/native/file-opener.mdx | 2 +- .../version-v5/native/file-path.mdx | 2 +- .../version-v5/native/file-transfer.mdx | 2 +- .../version-v5/native/firebase-analytics.mdx | 2 +- .../native/firebase-authentication.mdx | 2 +- .../version-v5/native/firebase-config.mdx | 2 +- .../version-v5/native/firebase-crash.mdx | 2 +- .../native/firebase-crashlytics.mdx | 2 +- .../native/firebase-dynamic-links.mdx | 2 +- .../version-v5/native/firebase-messaging.mdx | 2 +- .../version-v5/native/firebase-vision.mdx | 2 +- .../version-v5/native/firebase-x.mdx | 2 +- versioned_docs/version-v5/native/firebase.mdx | 2 +- .../version-v5/native/flashlight.mdx | 2 +- .../version-v5/native/foreground-service.mdx | 2 +- versioned_docs/version-v5/native/ftp.mdx | 2 +- .../version-v5/native/gao-de-location.mdx | 2 +- .../version-v5/native/ge-tui-sdk-plugin.mdx | 2 +- .../version-v5/native/geolocation.mdx | 2 +- .../version-v5/native/globalization.mdx | 2 +- .../version-v5/native/google-analytics.mdx | 2 +- .../version-v5/native/google-nearby.mdx | 2 +- .../version-v5/native/google-plus.mdx | 2 +- .../version-v5/native/health-kit.mdx | 2 +- versioned_docs/version-v5/native/health.mdx | 2 +- versioned_docs/version-v5/native/http.mdx | 2 +- .../version-v5/native/iamport-cordova.mdx | 2 +- versioned_docs/version-v5/native/ibeacon.mdx | 2 +- .../version-v5/native/image-picker.mdx | 2 +- versioned_docs/version-v5/native/imap.mdx | 2 +- .../version-v5/native/in-app-browser.mdx | 2 +- .../version-v5/native/in-app-purchase-2.mdx | 2 +- .../version-v5/native/in-app-review.mdx | 2 +- versioned_docs/version-v5/native/insomnia.mdx | 2 +- .../version-v5/native/instagram.mdx | 2 +- versioned_docs/version-v5/native/intercom.mdx | 2 +- .../version-v5/native/ionic-webview.mdx | 2 +- .../ios-aswebauthenticationsession-api.mdx | 2 +- versioned_docs/version-v5/native/is-debug.mdx | 2 +- versioned_docs/version-v5/native/keyboard.mdx | 2 +- versioned_docs/version-v5/native/keychain.mdx | 2 +- .../version-v5/native/kommunicate.mdx | 2 +- .../version-v5/native/launch-navigator.mdx | 2 +- .../version-v5/native/launch-review.mdx | 2 +- .../version-v5/native/line-login.mdx | 2 +- .../version-v5/native/local-notifications.mdx | 2 +- .../version-v5/native/location-accuracy.mdx | 2 +- .../native/lottie-splash-screen.mdx | 2 +- .../version-v5/native/media-capture.mdx | 2 +- versioned_docs/version-v5/native/media.mdx | 2 +- versioned_docs/version-v5/native/metrix.mdx | 2 +- versioned_docs/version-v5/native/mixpanel.mdx | 2 +- .../version-v5/native/mlkit-translate.mdx | 2 +- .../version-v5/native/mobile-messaging.mdx | 2 +- .../native/multiple-document-picker.mdx | 2 +- .../version-v5/native/music-controls.mdx | 2 +- .../version-v5/native/native-audio.mdx | 2 +- .../version-v5/native/native-geocoder.mdx | 2 +- .../version-v5/native/native-keyboard.mdx | 2 +- .../native/native-page-transitions.mdx | 2 +- .../version-v5/native/native-storage.mdx | 2 +- .../version-v5/native/network-interface.mdx | 2 +- versioned_docs/version-v5/native/network.mdx | 2 +- versioned_docs/version-v5/native/nfc.mdx | 2 +- versioned_docs/version-v5/native/ocr.mdx | 2 +- .../version-v5/native/onesignal.mdx | 2 +- .../native/open-native-settings.mdx | 2 +- versioned_docs/version-v5/native/openalpr.mdx | 2 +- .../version-v5/native/pdf-generator.mdx | 2 +- .../version-v5/native/photo-library.mdx | 2 +- .../version-v5/native/photo-viewer.mdx | 2 +- versioned_docs/version-v5/native/printer.mdx | 2 +- .../version-v5/native/pspdfkit-cordova.mdx | 2 +- .../version-v5/native/purchases.mdx | 2 +- versioned_docs/version-v5/native/push.mdx | 2 +- .../version-v5/native/pushape-push.mdx | 2 +- .../native/safari-view-controller.mdx | 2 +- .../version-v5/native/screen-orientation.mdx | 2 +- .../version-v5/native/service-discovery.mdx | 2 +- versioned_docs/version-v5/native/shake.mdx | 2 +- .../version-v5/native/sign-in-with-apple.mdx | 2 +- .../version-v5/native/smartlook.mdx | 2 +- .../version-v5/native/sms-retriever.mdx | 2 +- versioned_docs/version-v5/native/sms.mdx | 2 +- .../version-v5/native/social-sharing.mdx | 2 +- .../version-v5/native/speech-recognition.mdx | 2 +- .../version-v5/native/spinner-dialog.mdx | 2 +- .../version-v5/native/splash-screen.mdx | 2 +- .../version-v5/native/spotify-auth.mdx | 2 +- .../version-v5/native/sqlite-db-copy.mdx | 2 +- .../version-v5/native/sqlite-porter.mdx | 2 +- versioned_docs/version-v5/native/sqlite.mdx | 2 +- .../version-v5/native/star-prnt.mdx | 2 +- .../version-v5/native/status-bar.mdx | 2 +- .../version-v5/native/streaming-media.mdx | 2 +- versioned_docs/version-v5/native/stripe.mdx | 2 +- versioned_docs/version-v5/native/sum-up.mdx | 2 +- .../version-v5/native/taptic-engine.mdx | 2 +- .../native/tealium-adidentifier.mdx | 2 +- .../native/tealium-installreferrer.mdx | 2 +- versioned_docs/version-v5/native/tealium.mdx | 2 +- .../version-v5/native/theme-detection.mdx | 2 +- .../version-v5/native/three-dee-touch.mdx | 2 +- versioned_docs/version-v5/native/toast.mdx | 2 +- versioned_docs/version-v5/native/touch-id.mdx | 2 +- .../version-v5/native/unvired-cordova-sdk.mdx | 2 +- versioned_docs/version-v5/native/uptime.mdx | 2 +- .../version-v5/native/urbanairship.mdx | 2 +- .../native/usabilla-cordova-sdk.mdx | 2 +- versioned_docs/version-v5/native/vibes.mdx | 2 +- .../version-v5/native/vibration.mdx | 2 +- .../version-v5/native/video-editor.mdx | 2 +- .../version-v5/native/video-player.mdx | 2 +- .../version-v5/native/web-intent.mdx | 2 +- .../version-v5/native/web-server.mdx | 2 +- .../version-v5/native/web-socket-server.mdx | 2 +- .../version-v5/native/webengage.mdx | 2 +- versioned_docs/version-v5/native/wechat.mdx | 2 +- .../version-v5/native/wheel-selector.mdx | 2 +- .../version-v5/native/wifi-wizard-2.mdx | 2 +- .../version-v5/native/wonderpush.mdx | 2 +- .../native/youtube-video-player.mdx | 2 +- versioned_docs/version-v5/native/zbar.mdx | 2 +- versioned_docs/version-v5/native/zeroconf.mdx | 2 +- versioned_docs/version-v5/native/zoom.mdx | 2 +- .../version-v5/{react.md => react.mdx} | 0 .../version-v5/react/your-first-app.mdx | 2 +- .../version-v5/reference/browser-support.mdx | 4 ++-- .../version-v5/reference/support.mdx | 2 +- .../version-v5/theming/advanced.mdx | 16 +++++++-------- .../version-v5/theming/css-shadow-parts.mdx | 2 +- .../version-v5/theming/dark-mode.mdx | 2 +- .../version-v5/troubleshooting/debugging.mdx | 2 +- .../version-v5/troubleshooting/native.mdx | 20 +++++++++---------- versioned_docs/version-v5/vue/overview.mdx | 2 +- .../version-v5/vue/your-first-app.mdx | 2 +- .../version-v6/angular/your-first-app.mdx | 2 +- .../version-v6/api.mdx | 0 .../version-v6/api/datetime-button.mdx | 4 ++-- versioned_docs/version-v6/api/item.mdx | 4 ++-- versioned_docs/version-v6/{cli.md => cli.mdx} | 2 +- .../{components.md => components.mdx} | 4 ++-- .../core-concepts/cross-platform.mdx | 2 +- versioned_docs/version-v6/developing/tips.mdx | 2 +- .../version-v6/{index.md => index.mdx} | 2 +- versioned_docs/version-v6/intro/cli.mdx | 6 +++--- .../version-v6/intro/environment.mdx | 2 +- .../{native-faq.md => native-faq.mdx} | 0 .../{native-setup.md => native-setup.mdx} | 0 .../version-v6/{native.md => native.mdx} | 0 .../version-v6/{react.md => react.mdx} | 0 .../version-v6/react/navigation.mdx | 4 ++-- .../version-v6/react/your-first-app.mdx | 2 +- .../version-v6/reference/browser-support.mdx | 4 ++-- .../version-v6/reference/support.mdx | 2 +- .../version-v6/theming/advanced.mdx | 16 +++++++-------- .../version-v6/theming/css-shadow-parts.mdx | 2 +- .../version-v6/theming/dark-mode.mdx | 2 +- .../version-v6/theming/platform-styles.mdx | 4 ++-- .../version-v6/troubleshooting/debugging.mdx | 2 +- .../version-v6/troubleshooting/native.mdx | 2 +- versioned_docs/version-v6/vue/overview.mdx | 2 +- .../version-v6/vue/your-first-app.mdx | 2 +- .../{version-v6/api.md => version-v7/api.mdx} | 0 versioned_docs/version-v7/{cli.md => cli.mdx} | 2 +- .../{components.md => components.mdx} | 2 +- .../version-v7/{index.md => index.mdx} | 2 +- .../{native-faq.md => native-faq.mdx} | 0 .../{native-setup.md => native-setup.mdx} | 0 .../version-v7/{native.md => native.mdx} | 0 .../version-v7/{react.md => react.mdx} | 0 282 files changed, 338 insertions(+), 338 deletions(-) rename versioned_docs/version-v7/api.md => docs/api.mdx (62%) rename docs/{cli.md => cli.mdx} (66%) rename docs/{components.md => components.mdx} (98%) rename docs/{index.md => index.mdx} (95%) rename docs/{native-faq.md => native-faq.mdx} (100%) rename docs/{native-setup.md => native-setup.mdx} (100%) rename docs/{native.md => native.mdx} (100%) rename docs/{react.md => react.mdx} (100%) rename versioned_docs/version-v5/{api.md => api.mdx} (100%) rename versioned_docs/version-v5/{cli.md => cli.mdx} (98%) rename versioned_docs/version-v5/{components.md => components.mdx} (98%) rename versioned_docs/version-v5/{index.md => index.mdx} (99%) rename versioned_docs/version-v5/{native-community.md => native-community.mdx} (97%) rename versioned_docs/version-v5/{native-faq.md => native-faq.mdx} (96%) rename versioned_docs/version-v5/{native.md => native.mdx} (96%) rename versioned_docs/version-v5/{react.md => react.mdx} (100%) rename docs/api.md => versioned_docs/version-v6/api.mdx (100%) rename versioned_docs/version-v6/{cli.md => cli.mdx} (98%) rename versioned_docs/version-v6/{components.md => components.mdx} (98%) rename versioned_docs/version-v6/{index.md => index.mdx} (99%) rename versioned_docs/version-v6/{native-faq.md => native-faq.mdx} (100%) rename versioned_docs/version-v6/{native-setup.md => native-setup.mdx} (100%) rename versioned_docs/version-v6/{native.md => native.mdx} (100%) rename versioned_docs/version-v6/{react.md => react.mdx} (100%) rename versioned_docs/{version-v6/api.md => version-v7/api.mdx} (100%) rename versioned_docs/version-v7/{cli.md => cli.mdx} (98%) rename versioned_docs/version-v7/{components.md => components.mdx} (98%) rename versioned_docs/version-v7/{index.md => index.mdx} (99%) rename versioned_docs/version-v7/{native-faq.md => native-faq.mdx} (100%) rename versioned_docs/version-v7/{native-setup.md => native-setup.mdx} (100%) rename versioned_docs/version-v7/{native.md => native.mdx} (100%) rename versioned_docs/version-v7/{react.md => react.mdx} (100%) diff --git a/.editorconfig b/.editorconfig index 82da0b16e75..0981b55d9ad 100644 --- a/.editorconfig +++ b/.editorconfig @@ -10,6 +10,6 @@ end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true -[*.md] +[{*.md,*.mdx}] insert_final_newline = false trim_trailing_whitespace = false \ No newline at end of file diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index cf3eb243153..ed18ea9546d 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -118,10 +118,10 @@ Ionic's documentation is built using [Docusaurus](https://docusaurus.io/). The c The content of the Ionic docs is written as [Markdown](https://commonmark.org/) in `docs/`. Each Markdown file corresponds to a route unless explicitly changed in the frontmatter. ``` -/docs/ => src/pages/index.md -/docs/intro/cli => src/pages/intro/cli.md -/docs/theming/advanced => src/pages/theming/advanced.md -/docs/theming => src/pages/theming.md +/docs/ => src/pages/index.mdx +/docs/intro/cli => src/pages/intro/cli.mdx +/docs/theming/advanced => src/pages/theming/advanced.mdx +/docs/theming => src/pages/theming.mdx ``` You can make copy edits to the site by [editing the Markdown files directly on GitHub](https://help.github.com/articles/editing-files-in-another-user-s-repository/). In your pull request, please explain what was missing from or inaccurate about the content. diff --git a/_templates/README.md b/_templates/README.md index 4089d4cca59..77790a47b4d 100644 --- a/_templates/README.md +++ b/_templates/README.md @@ -21,12 +21,12 @@ If you need a component for multiple versions of Ionic Framework, you (currently ## Usage -Once you've generated your playground, you need to add it to the main markdown file in the docs (e.g. [docs/api/button.md](../docs/api/button.mdx)) by doing something similar to the following example: +Once you've generated your playground, you need to add it to the main markdown file in the docs (e.g. [docs/api/button.mdx](../docs/api/button.mdx)) by doing something similar to the following example: ``` ## Feature -import Feature from '@site/static/usage/v8/button/feature/index.md'; +import Feature from '@site/static/usage/v8/button/feature/index.mdx'; ``` diff --git a/docs/angular/your-first-app.mdx b/docs/angular/your-first-app.mdx index 449d03c10e1..915976f4c48 100644 --- a/docs/angular/your-first-app.mdx +++ b/docs/angular/your-first-app.mdx @@ -66,7 +66,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v7/api.md b/docs/api.mdx similarity index 62% rename from versioned_docs/version-v7/api.md rename to docs/api.mdx index 45e4c1d8d19..79303157760 100644 --- a/versioned_docs/version-v7/api.md +++ b/docs/api.mdx @@ -12,6 +12,6 @@ import APIList from '@components/page/api/APIList'; /> -Each Ionic [component](/docs/components) consists of one or more [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements). Each custom element, in turn, may expose properties, methods, events, and CSS custom properties. +Each Ionic [component](components.mdx) consists of one or more [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements). Each custom element, in turn, may expose properties, methods, events, and CSS custom properties. diff --git a/docs/api/picker-column-option.md b/docs/api/picker-column-option.md index caf78e4f0c3..75941c04581 100644 --- a/docs/api/picker-column-option.md +++ b/docs/api/picker-column-option.md @@ -17,7 +17,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; -An individual column option in a picker. Visit the [`ion-picker`](./picker.md) documentation for more details. +An individual column option in a picker. Visit the [`ion-picker`](./picker.mdx) documentation for more details. ## Properties diff --git a/docs/api/picker-column.md b/docs/api/picker-column.md index 5872043e5e0..0ef5b991fd6 100644 --- a/docs/api/picker-column.md +++ b/docs/api/picker-column.md @@ -17,7 +17,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; -An individual column within a picker. Visit the [`ion-picker`](./picker.md) documentation for more details. +An individual column within a picker. Visit the [`ion-picker`](./picker.mdx) documentation for more details. ## Properties diff --git a/docs/api/picker-legacy.md b/docs/api/picker-legacy.md index 8d3e45c48c5..dfee19c249c 100644 --- a/docs/api/picker-legacy.md +++ b/docs/api/picker-legacy.md @@ -19,7 +19,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; :::warning Deprecation Notice -`ion-picker-legacy` is deprecated and will be removed in the next major release. Migrate to [`ion-picker`](./picker.md) as soon as possible. +`ion-picker-legacy` is deprecated and will be removed in the next major release. Migrate to [`ion-picker`](./picker.mdx) as soon as possible. ::: diff --git a/docs/cli.md b/docs/cli.mdx similarity index 66% rename from docs/cli.md rename to docs/cli.mdx index efdc21ff611..435b94b53c1 100644 --- a/docs/cli.md +++ b/docs/cli.mdx @@ -11,7 +11,7 @@ sidebar_label: Overview /> -The Ionic command-line interface ([CLI](/docs/reference/glossary.mdx#cli)) is the go-to tool for developing Ionic apps. +The Ionic command-line interface ([CLI](reference/glossary.mdx#cli)) is the go-to tool for developing Ionic apps. ## Installation @@ -37,18 +37,18 @@ Be sure to run `ionic --help` in your project directory. For some commands, such as `ionic serve`, the help documentation is contextual to the type of your project, e.g. React vs Angular. ::: - +{/* TODO: image? */} ## Architecture -The Ionic CLI is built with [TypeScript](/docs/reference/glossary.mdx#typescript) and [Node.js](/docs/reference/glossary.mdx#node). It supports Node 10.3+, but the latest Node LTS is always recommended. Follow development on the open source GitHub repository. +The Ionic CLI is built with [TypeScript](reference/glossary.mdx#typescript) and [Node.js](reference/glossary.mdx#node). It supports Node 10.3+, but the latest Node LTS is always recommended. Follow development on the open source GitHub repository. ## Troubleshooting To troubleshoot issues with the Ionic CLI, the following may be useful: - Make sure the latest version of the Ionic CLI is installed. Get the installed version by running `ionic --version`. -- Make sure the latest Node LTS is installed. See [Node & npm](/docs/intro/environment.mdx#node-npm) environment setup. +- Make sure the latest Node LTS is installed. See [Node & npm](intro/environment.mdx#node-&-npm) environment setup. - The `--verbose` flag prints debugging messages, which may narrow down the issue. -- Connection issues may be due to improperly configured proxy settings. See [Using a Proxy](/docs/cli/using-a-proxy) to configure request proxying. -- The global Ionic CLI configuration directory is `~/.ionic` on all platforms. It can safely be deleted and the Ionic CLI will repopulate it, but all configuration (including user sessions) will be lost. Configure this directory with [CLI environment variables](/docs/cli/configuration#environment-variables). +- Connection issues may be due to improperly configured proxy settings. See [Using a Proxy](cli/using-a-proxy.mdx) to configure request proxying. +- The global Ionic CLI configuration directory is `~/.ionic` on all platforms. It can safely be deleted and the Ionic CLI will repopulate it, but all configuration (including user sessions) will be lost. Configure this directory with [CLI environment variables](cli/configuration.mdx#environment-variables). diff --git a/docs/components.md b/docs/components.mdx similarity index 98% rename from docs/components.md rename to docs/components.mdx index d951640a809..fe5b84dca50 100644 --- a/docs/components.md +++ b/docs/components.mdx @@ -19,7 +19,7 @@ import DocsCards from '@components/global/DocsCards'; `} -Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. +Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.mdx) for a complete list of each component and sub-component. @@ -41,7 +41,7 @@ Ionic apps are made of high-level building blocks called Components, which allow - + {/* prettier-ignore */}

Cards are a great way to display an important piece of content, and can contain images, buttons, text, and more.

 diff --git a/docs/core-concepts/cross-platform.mdx b/docs/core-concepts/cross-platform.mdx index 63b3acfe57c..c15c70df51e 100644 --- a/docs/core-concepts/cross-platform.mdx +++ b/docs/core-concepts/cross-platform.mdx @@ -12,7 +12,7 @@ In a native application, it's common to make API calls to communicate with the d ### Ionic Native -[Ionic Native](../native.md) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. +[Ionic Native](../native.mdx) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. ### Platform Detection diff --git a/docs/developing/tips.mdx b/docs/developing/tips.mdx index 2adf19ea58d..8368bb7275f 100644 --- a/docs/developing/tips.mdx +++ b/docs/developing/tips.mdx @@ -132,7 +132,7 @@ The iOS simulator enables testing and debugging of an app before it reaches an a Before it can be used, [Xcode](https://developer.apple.com/xcode/download/), Apple's IDE, must be installed. -The [Ionic CLI](../cli.md) can then be used to run the app in the current directory on the simulator: +The [Ionic CLI](../cli.mdx) can then be used to run the app in the current directory on the simulator: ```shell ionic cordova emulate ios -lc diff --git a/docs/index.md b/docs/index.mdx similarity index 95% rename from docs/index.md rename to docs/index.mdx index d1f25abe254..2e58636a4b6 100644 --- a/docs/index.md +++ b/docs/index.mdx @@ -121,7 +121,7 @@ Support for other frameworks will be considered in future releases. ## Ionic CLI -The official [Ionic CLI](cli.md), or Command Line Interface, is a tool that quickly scaffolds Ionic apps and provides a number of helpful commands to Ionic developers. In addition to installing and updating Ionic, the CLI comes with a built-in development server, build and debugging tools, and much more. If you are an [Appflow](#appflow) member, the CLI can be used to perform cloud builds and deployments, and administer your account. +The official [Ionic CLI](cli.mdx), or Command Line Interface, is a tool that quickly scaffolds Ionic apps and provides a number of helpful commands to Ionic developers. In addition to installing and updating Ionic, the CLI comes with a built-in development server, build and debugging tools, and much more. If you are an [Appflow](#appflow) member, the CLI can be used to perform cloud builds and deployments, and administer your account. ## Appflow @@ -139,7 +139,7 @@ Ionic is actively developed and maintained full-time by a core team, and its eco There are millions of Ionic developers in over 200 countries worldwide. Here are some ways to join: - +{/* prettier-ignore */} - Forum: A great place for asking questions and sharing ideas. - Twitter: Where we post updates and share content from the Ionic community. - GitHub: For reporting bugs or requesting new features, create an issue here. PRs welcome! diff --git a/docs/intro/cli.mdx b/docs/intro/cli.mdx index d2782c40f27..4c4ce8b6d33 100644 --- a/docs/intro/cli.mdx +++ b/docs/intro/cli.mdx @@ -37,7 +37,7 @@ $ npm install -g @ionic/cli :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Start an App @@ -50,7 +50,7 @@ ionic start ![start app thumbnails](/img/installation/start-app-thumbnails.png) -To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.md). +To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.mdx). ## Run the App @@ -61,4 +61,4 @@ $ cd myApp $ ionic serve ``` -There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.md). +There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.mdx). diff --git a/docs/intro/environment.mdx b/docs/intro/environment.mdx index ce34f960a7c..d1f118bc5a7 100644 --- a/docs/intro/environment.mdx +++ b/docs/intro/environment.mdx @@ -41,7 +41,7 @@ $ npm --version ``` :::note -Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors). +Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors). ::: ## Git diff --git a/docs/native-faq.md b/docs/native-faq.mdx similarity index 100% rename from docs/native-faq.md rename to docs/native-faq.mdx diff --git a/docs/native-setup.md b/docs/native-setup.mdx similarity index 100% rename from docs/native-setup.md rename to docs/native-setup.mdx diff --git a/docs/native.md b/docs/native.mdx similarity index 100% rename from docs/native.md rename to docs/native.mdx diff --git a/docs/react.md b/docs/react.mdx similarity index 100% rename from docs/react.md rename to docs/react.mdx diff --git a/docs/react/your-first-app.mdx b/docs/react/your-first-app.mdx index d4428b1a5e2..dcf5fd416f4 100644 --- a/docs/react/your-first-app.mdx +++ b/docs/react/your-first-app.mdx @@ -62,7 +62,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/docs/reference/browser-support.mdx b/docs/reference/browser-support.mdx index bd4d7a07a88..5cd032c1e60 100644 --- a/docs/reference/browser-support.mdx +++ b/docs/reference/browser-support.mdx @@ -14,7 +14,7 @@ Ionic's earliest goal was to make it easy to develop mobile apps using web techn ## Mobile Platforms -In pursuit of [adaptive styling](../core-concepts/fundamentals.md#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: +In pursuit of [adaptive styling](../core-concepts/fundamentals.mdx#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: | Framework | Android | iOS | | :-------: | :--------------------: | :---: | diff --git a/docs/theming/advanced.mdx b/docs/theming/advanced.mdx index 78a560dee4d..7e55355a22a 100644 --- a/docs/theming/advanced.mdx +++ b/docs/theming/advanced.mdx @@ -62,8 +62,8 @@ While the application and stepped variables in the themes section are useful for | `--ion-safe-area-right` | Adjust the safe area inset right of the app | | `--ion-safe-area-bottom` | Adjust the safe area inset bottom of the app | | `--ion-safe-area-left` | Adjust the safe area inset left of the app | -| `--ion-margin` | Adjust the margin of the [Margin attributes](../layout/css-utilities.md#element-margin) | -| `--ion-padding` | Adjust the padding of the [Padding attributes](../layout/css-utilities.md#element-padding) | +| `--ion-margin` | Adjust the margin of the [Margin attributes](../layout/css-utilities.mdx#element-margin) | +| `--ion-padding` | Adjust the padding of the [Padding attributes](../layout/css-utilities.mdx#element-padding) | | `--ion-placeholder-opacity` | Adjust the opacity of the placeholders used in the input, textarea, searchbar, and select components | ### Grid Variables diff --git a/docs/theming/css-shadow-parts.mdx b/docs/theming/css-shadow-parts.mdx index fd8b57fbb4f..58704557ef8 100644 --- a/docs/theming/css-shadow-parts.mdx +++ b/docs/theming/css-shadow-parts.mdx @@ -103,11 +103,11 @@ There are some known limitations with [vendor prefixed pseudo-elements](#vendor- ## Ionic Framework Parts -All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.md). +All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.mdx). In order to have parts a component must meet the following criteria: -- It is a [Shadow DOM](../reference/glossary.mdx#shadow) component. If it is a [Scoped](../reference/glossary.mdx#scoped) or Light DOM component, the child elements can be targeted directly. If a component is Scoped or Shadow, it will be listed by its name on its [component documentation page](../components.md). +- It is a [Shadow DOM](../reference/glossary.mdx#shadow) component. If it is a [Scoped](../reference/glossary.mdx#scoped) or Light DOM component, the child elements can be targeted directly. If a component is Scoped or Shadow, it will be listed by its name on its [component documentation page](../components.mdx). - It contains children elements. For example, `ion-card-header` is a Shadow component, but all styles are applied to the host element. Since it has no child elements, there’s no need for parts. - The children elements are not structural. In certain components, including `ion-title`, the child element is a structural element used to position the inner elements. We do not recommend customizing structural elements as this can have unexpected results. diff --git a/docs/theming/dark-mode.mdx b/docs/theming/dark-mode.mdx index 01a3f5de8ab..4c891901e3c 100644 --- a/docs/theming/dark-mode.mdx +++ b/docs/theming/dark-mode.mdx @@ -197,7 +197,7 @@ color-scheme: light dark; For more information regarding `color-scheme` please see https://web.dev/color-scheme/. :::note -`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.md#dark-mode). +`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.mdx#dark-mode). ::: :::note @@ -208,7 +208,7 @@ For developers looking to customize the theme color under the status bar in Safa Ionic has a recommended dark palette that can be enabled in three different ways: [always](#always), based on [system](#system) settings, or by using a [CSS class](#css-class). Each of these methods involves importing the dark palette file with the corresponding name. -The contents of each file are included below for reference. These variables are set by importing the relevant dark palette file and do not need to be copied into an app. For more information on the variables being changed, including additional variables for further customization, refer to the [Themes](themes.md) section. +The contents of each file are included below for reference. These variables are set by importing the relevant dark palette file and do not need to be copied into an app. For more information on the variables being changed, including additional variables for further customization, refer to the [Themes](themes.mdx) section. @@ -216,7 +216,7 @@ The contents of each file are included below for reference. These variables are The **always** dark palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a dark palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.mdx#ionic-modes) to complement a dark palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. 2. Setting variables for the dark palette on `ios` devices using the `:root.ios` selector. 3. Setting variables for the dark palette on `md` devices using the `:root.md` selector. @@ -234,7 +234,7 @@ The contents of Ionic's dark palette can be [viewed on GitHub](https://github.co The **system** dark palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a dark palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.md#ionic-modes) to complement a dark palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. 2. Setting variables for the dark palette on `ios` devices using the `:root.ios` selector. 3. Setting variables for the dark palette on `md` devices using the `:root.md` selector. 4. Only applies these variables when the [CSS media query for `prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) is `dark`. @@ -253,7 +253,7 @@ The contents of Ionic's dark palette can be [viewed on GitHub](https://github.co The **class** dark palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a dark palette in the `.ion-palette-dark` selector. The `.ion-palette-dark` class must be added to the `html` element in an app. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.mdx#ionic-modes) to complement a dark palette in the `.ion-palette-dark` selector. The `.ion-palette-dark` class must be added to the `html` element in an app. 2. Setting variables for the dark palette on `ios` devices using the `.ion-palette-dark.ios` selector. 3. Setting variables for the dark palette on `md` devices using the `.ion-palette-dark.md` selector. diff --git a/docs/theming/high-contrast-mode.md b/docs/theming/high-contrast-mode.md index 9896eac1180..846e287743b 100644 --- a/docs/theming/high-contrast-mode.md +++ b/docs/theming/high-contrast-mode.md @@ -17,7 +17,7 @@ Ionic offers palettes with increased contrast for users with low vision. These p ## Overview -The default palette in Ionic provides [Ionic colors](./colors.md) that meet [Level AA color contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) as defined by Web Content Accessibility Guidelines (WCAG) when used with the appropriate contrast color. The [Ionic colors](./colors.md) in the high contrast palette have been updated to meet [Level AAA color contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html) when used with the appropriate contrast color. Notably, improvements have been made to the contrast of UI components, including border, text, and background colors. However, it's important to note that within the high contrast palette, priority is given to text legibility. This means that if adjusting the contrast of a UI component against the page background would significantly compromise the contrast between the component's text and its background, the contrast of the UI component background will remain unchanged. +The default palette in Ionic provides [Ionic colors](./colors.mdx) that meet [Level AA color contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) as defined by Web Content Accessibility Guidelines (WCAG) when used with the appropriate contrast color. The [Ionic colors](./colors.mdx) in the high contrast palette have been updated to meet [Level AAA color contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html) when used with the appropriate contrast color. Notably, improvements have been made to the contrast of UI components, including border, text, and background colors. However, it's important to note that within the high contrast palette, priority is given to text legibility. This means that if adjusting the contrast of a UI component against the page background would significantly compromise the contrast between the component's text and its background, the contrast of the UI component background will remain unchanged. ## Enabling High Contrast Theme @@ -128,7 +128,7 @@ import SystemHighContrastMode from '@site/static/usage/v8/theming/system-high-co :::caution -The high contrast light palette must be imported after [core.css](../layout/global-stylesheets.md#corecss), and the +The high contrast light palette must be imported after [core.css](../layout/global-stylesheets.mdx#corecss), and the high contrast dark palette must be imported after `dark.system.css`. Otherwise, the standard contrast palette will take priority. ::: @@ -173,7 +173,7 @@ import '@ionic/vue/css/palettes/high-contrast-dark.class.css'; -This approach activates the high contrast palette when the `.ion-palette-high-contrast` class is set on the `html` element. This class must be applied by the developer. This can be combined with the [`.ion-palette-dark` class](./dark-mode.md#css-class) to conditionally apply the high contrast dark palette. +This approach activates the high contrast palette when the `.ion-palette-high-contrast` class is set on the `html` element. This class must be applied by the developer. This can be combined with the [`.ion-palette-dark` class](./dark-mode.mdx#css-class) to conditionally apply the high contrast dark palette. The following example combines site settings, system settings, and the toggle to decide when to show high contrast mode. The site's palette takes precedence over system settings. If your system settings differ from the site's palette when the demo loads, it will use the site's palette. @@ -186,7 +186,7 @@ import ClassHighContrastMode from '@site/static/usage/v8/theming/class-high-cont :::caution -The high contrast light palette must be imported after [core.css](../layout/global-stylesheets.md#corecss), +The high contrast light palette must be imported after [core.css](../layout/global-stylesheets.mdx#corecss), and the high contrast dark palette must be imported after `dark.class.css`. Otherwise, the standard contrast palette will take priority. ::: @@ -199,7 +199,7 @@ The `.ion-palette-high-contrast` class **must** be added to the `html` element i Ionic has a recommended high contrast palette that can be enabled in three different ways: [always](#always), based on [system](#system) settings, or by using a [CSS class](#css-class). Each of these methods involves importing the high contrast palette file with the corresponding name. -The theme variables are set by importing the relevant high contrast palette file and do not need to be copied into an app. For more information on the variables being changed, including additional variables for further customization, refer to the [Themes](themes.md) section. +The theme variables are set by importing the relevant high contrast palette file and do not need to be copied into an app. For more information on the variables being changed, including additional variables for further customization, refer to the [Themes](themes.mdx) section. The following provides details on how to customize the high contrast palette depending on how it was applied in an application. @@ -211,7 +211,7 @@ The **always** high contrast palette can be accessed by importing `high-contrast The **always** high contrast palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a high contrast palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.mdx#ionic-modes) to complement a high contrast palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. 2. Setting variables for the high contrast palette on `ios` devices using the `:root.ios` selector. 3. Setting variables for the high contrast palette on `md` devices using the `:root.md` selector. @@ -223,7 +223,7 @@ The **system** high contrast palette can be accessed by importing `high-contrast The **system** high contrast palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a high contrast palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.mdx#ionic-modes) to complement a high contrast palette in the `:root` selector. The [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/:root) selector is identical to the selector `html`, except that its [specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) is higher. 2. Setting variables for the high contrast palette on `ios` devices using the `:root.ios` selector. 3. Setting variables for the high contrast palette on `md` devices using the `:root.md` selector. 4. Only applies these variables when the [CSS media query for `prefers-contrast`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast) is `more`. @@ -236,7 +236,7 @@ The **class** high contrast palette can be accessed by importing `high-contrast. The **class** high contrast palette behaves in the following ways: -1. Sets the [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement a high contrast palette in the `.ion-palette-high-contrast` selector. The `.ion-palette-high-contrast` class must be added to the `html` element in an app. +1. Sets the [Ionic colors](colors.mdx) for all [modes](platform-styles.mdx#ionic-modes) to complement a high contrast palette in the `.ion-palette-high-contrast` selector. The `.ion-palette-high-contrast` class must be added to the `html` element in an app. 2. Setting variables for the high contrast palette on `ios` devices using the `.ion-palette-high-contrast.ios` selector. 3. Setting variables for the high contrast palette on `md` devices using the `.ion-palette-high-contrast.md` selector. diff --git a/docs/theming/platform-styles.mdx b/docs/theming/platform-styles.mdx index 8fc612833fa..e58a1be4579 100644 --- a/docs/theming/platform-styles.mdx +++ b/docs/theming/platform-styles.mdx @@ -14,7 +14,7 @@ Ionic provides platform specific styles based on the device the application is r ## Ionic Modes -Ionic uses **modes** to customize the look of components. Each **platform** has a default **mode**, but this can be overridden through the global [config](../developing/config.md). The following chart displays the default **mode** that is added to each **platform**: +Ionic uses **modes** to customize the look of components. Each **platform** has a default **mode**, but this can be overridden through the global [config](../developing/config.mdx). The following chart displays the default **mode** that is added to each **platform**: | Platform | Mode | Description | | --------- | ----- | -------------------------------------------------------------------------------------------------------------------------------- | @@ -28,7 +28,7 @@ For example, an app being viewed on an Android platform will use the `md` (Mater ``` -_Note: The **platform** and the **mode** are not the same. The platform can be set to use any mode in the [config](../developing/config.md) of an app._ +_Note: The **platform** and the **mode** are not the same. The platform can be set to use any mode in the [config](../developing/config.mdx) of an app._ ## Overriding Mode Styles diff --git a/docs/troubleshooting/debugging.mdx b/docs/troubleshooting/debugging.mdx index 166df54308e..9089c26eb2e 100644 --- a/docs/troubleshooting/debugging.mdx +++ b/docs/troubleshooting/debugging.mdx @@ -21,7 +21,7 @@ title: Debugging ## Live Reload -Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.md). +Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.mdx). ## iOS and Safari diff --git a/docs/updating/4-0.mdx b/docs/updating/4-0.mdx index 9a2eb07043f..370d0041d09 100644 --- a/docs/updating/4-0.mdx +++ b/docs/updating/4-0.mdx @@ -19,7 +19,7 @@ For a **complete list of breaking changes** from Ionic 3 to Ionic 4, please refe We suggest the following general process when migrating an existing application from Ionic 3 to 4: -1. Generate a new project using the `blank` starter (see [Starting an App](../developing/starting.md)) +1. Generate a new project using the `blank` starter (see [Starting an App](../developing/starting.mdx)) 1. Copy any Angular services from `src/providers` to `src/app/services` - Services should include `{ providedIn: 'root' }` in the `@Injectable()` decorator. For details, please see Angular [provider docs](https://angular.io/guide/providers). 1. Copy the app's other root-level items (pipes, components, etc) keeping in mind that the directory structure changes from `src/components` to `src/app/components`, etc. @@ -278,7 +278,7 @@ Please reference official [Angular upgrade guide](https://angular.io/guide/upgra ### Ionic Changes -Our Ionic 3 to Ionic 4 migration sections above may prove to be a useful reference. Generate a new Ionic 4 project using the blank starter (see [Starting an App](../developing/starting.md)). Spend time getting familiar with Ionic 4 components. Happy building! +Our Ionic 3 to Ionic 4 migration sections above may prove to be a useful reference. Generate a new Ionic 4 project using the blank starter (see [Starting an App](../developing/starting.mdx)). Spend time getting familiar with Ionic 4 components. Happy building! ### Need Assistance? diff --git a/docs/vue/overview.mdx b/docs/vue/overview.mdx index cd18790e79d..77b14df8f81 100644 --- a/docs/vue/overview.mdx +++ b/docs/vue/overview.mdx @@ -28,7 +28,7 @@ Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meani [Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic Vue` web app run natively on iOS, Android, and the web. -While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). +While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.mdx) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). ## From the Community diff --git a/docs/vue/your-first-app.mdx b/docs/vue/your-first-app.mdx index 1a9aaacb0ae..555f87996bb 100644 --- a/docs/vue/your-first-app.mdx +++ b/docs/vue/your-first-app.mdx @@ -62,7 +62,7 @@ npm install -g @ionic/cli@latest native-run :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/package.json b/package.json index f2356cf7e74..6615077ba16 100644 --- a/package.json +++ b/package.json @@ -19,10 +19,10 @@ "serve": "docusaurus serve", "playground:new": "hygen playground new", "prestart": "npm run generate-markdown", - "prettier": "prettier \"./**/*.{html,ts,tsx,js,jsx,md}\" --cache", + "prettier": "prettier \"./**/*.{html,ts,tsx,js,jsx,md,mdx}\" --cache", "start": "docusaurus start", "swizzle": "docusaurus swizzle", - "spellcheck": "cspell --no-progress \"**/*.md\"" + "spellcheck": "cspell --no-progress \"**/*.md\" \"**/*.mdx\"" }, "browserslist": { "production": [ diff --git a/versioned_docs/version-v5/angular/your-first-app.mdx b/versioned_docs/version-v5/angular/your-first-app.mdx index 1ebc93eb9fe..3cf17a75992 100644 --- a/versioned_docs/version-v5/angular/your-first-app.mdx +++ b/versioned_docs/version-v5/angular/your-first-app.mdx @@ -18,7 +18,7 @@ Here’s the finished app running on all 3 platforms: > :::note -Looking for the previous version of this guide that covered Ionic 4 and Cordova? [See here.](../developer-resources/guides/first-app-v4/intro.md) +Looking for the previous version of this guide that covered Ionic 4 and Cordova? [See here.](../developer-resources/guides/first-app-v4/intro.mdx) ::: ## What We'll Build @@ -59,7 +59,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v5/api.md b/versioned_docs/version-v5/api.mdx similarity index 100% rename from versioned_docs/version-v5/api.md rename to versioned_docs/version-v5/api.mdx diff --git a/versioned_docs/version-v5/api/content.mdx b/versioned_docs/version-v5/api/content.mdx index 733c38c252c..7231e4be94a 100644 --- a/versioned_docs/version-v5/api/content.mdx +++ b/versioned_docs/version-v5/api/content.mdx @@ -20,7 +20,7 @@ The content component provides an easy to use content area with some useful meth to control the scrollable area. There should only be one content in a single view. -Content, along with many other Ionic components, can be customized to modify its padding, margin, and more using the global styles provided in the [CSS Utilities](../layout/css-utilities.md) or by individually styling it using CSS and the available [CSS Custom Properties](#css-custom-properties). +Content, along with many other Ionic components, can be customized to modify its padding, margin, and more using the global styles provided in the [CSS Utilities](../layout/css-utilities.mdx) or by individually styling it using CSS and the available [CSS Custom Properties](#css-custom-properties). ## Fixed Content diff --git a/versioned_docs/version-v5/api/item.mdx b/versioned_docs/version-v5/api/item.mdx index 9175a076d4a..937abf1b512 100644 --- a/versioned_docs/version-v5/api/item.mdx +++ b/versioned_docs/version-v5/api/item.mdx @@ -34,7 +34,7 @@ This feature is not enabled by default on clickable items for the `md` mode, but --item-detail-push-show: true; ``` -See the [theming documentation](../theming/css-variables.mdx) for more information. */} +See the [theming documentation](../theming/css-variables.mdx) for more information. \*/} ## Item Placement @@ -56,7 +56,7 @@ Items left align text and add an ellipsis when the text is wider than the item. ### Highlight Height -Items containing an input will highlight the bottom border of the input with a different color when focused, valid, or invalid. By default, `md` items have a highlight with a height set to `2px` and `ios` has no highlight (technically the height is set to `0`). The height can be changed using the `--highlight-height` CSS property. To turn off the highlight, set this variable to `0`. For more information on setting CSS properties, see the [theming documentation](../theming/css-variables.md). +Items containing an input will highlight the bottom border of the input with a different color when focused, valid, or invalid. By default, `md` items have a highlight with a height set to `2px` and `ios` has no highlight (technically the height is set to `0`). The height can be changed using the `--highlight-height` CSS property. To turn off the highlight, set this variable to `0`. For more information on setting CSS properties, see the [theming documentation](../theming/css-variables.mdx). ### Highlight Color diff --git a/versioned_docs/version-v5/cli.md b/versioned_docs/version-v5/cli.mdx similarity index 98% rename from versioned_docs/version-v5/cli.md rename to versioned_docs/version-v5/cli.mdx index bd813e68848..373485c50dd 100644 --- a/versioned_docs/version-v5/cli.md +++ b/versioned_docs/version-v5/cli.mdx @@ -32,7 +32,7 @@ Be sure to run `ionic --help` in your project directory. For some commands, such as `ionic serve`, the help documentation is contextual to the type of your project, e.g. React vs Angular. ::: - +{/* TODO: image? */} ## Architecture diff --git a/versioned_docs/version-v5/components.md b/versioned_docs/version-v5/components.mdx similarity index 98% rename from versioned_docs/version-v5/components.md rename to versioned_docs/version-v5/components.mdx index 0c43dd0b021..b7462e0711c 100644 --- a/versioned_docs/version-v5/components.md +++ b/versioned_docs/version-v5/components.mdx @@ -20,7 +20,7 @@ hide_table_of_contents: true import DocsCard from '@components/global/DocsCard'; import DocsCards from '@components/global/DocsCards'; -Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. +Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.mdx) for a complete list of each component and sub-component. @@ -42,7 +42,7 @@ Ionic apps are made of high-level building blocks called Components, which allow - + {/* prettier-ignore */}

Cards are a great way to display an important piece of content, and can contain images, buttons, text, and more.

 diff --git a/versioned_docs/version-v5/core-concepts/cross-platform.mdx b/versioned_docs/version-v5/core-concepts/cross-platform.mdx index f7e5accced9..634e07688d7 100644 --- a/versioned_docs/version-v5/core-concepts/cross-platform.mdx +++ b/versioned_docs/version-v5/core-concepts/cross-platform.mdx @@ -12,7 +12,7 @@ In a native application, it's common to make API calls to communicate with the d ### Ionic Native -[Ionic Native](../native.md) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. +[Ionic Native](../native.mdx) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. ### Platform Detection @@ -67,7 +67,7 @@ This will render 5 items with a width of 100% each. This may look great on a mob -To improve this experience, we can wrap the items in a [Grid](../layout/grid.md) component. The view can be easily rewritten into something more usable on larger screens: +To improve this experience, we can wrap the items in a [Grid](../layout/grid.mdx) component. The view can be easily rewritten into something more usable on larger screens: ```html @@ -149,7 +149,7 @@ There’s a lot going on in the example above. These are the key points: - The `size` attribute can have a breakpoint added to it, `size-{breakpoint}`. This value sets the size for the specified breakpoint and above. -For more information on customizing with grid, see the [Grid](../layout/grid.md) documentation. +For more information on customizing with grid, see the [Grid](../layout/grid.mdx) documentation. ## Storage diff --git a/versioned_docs/version-v5/core-concepts/fundamentals.mdx b/versioned_docs/version-v5/core-concepts/fundamentals.mdx index ae74b3ce424..cfe2e6358f9 100644 --- a/versioned_docs/version-v5/core-concepts/fundamentals.mdx +++ b/versioned_docs/version-v5/core-concepts/fundamentals.mdx @@ -37,4 +37,4 @@ Projects such as CapacitorCSS which allows us to take advantage of the flexibility that CSS properties (variables) provide. This makes it incredibly easy to design an app that looks great while following the web standard. We provide a set of colors so developers can have some great defaults, but we encourage overriding them to create designs that match a brand, company or a desired color palette. Everything from the background color of an application to the text color is fully customizable. More information on app theming can be found in [Theming](../theming/basics.md). +At the core, Ionic Framework is built using CSS which allows us to take advantage of the flexibility that CSS properties (variables) provide. This makes it incredibly easy to design an app that looks great while following the web standard. We provide a set of colors so developers can have some great defaults, but we encourage overriding them to create designs that match a brand, company or a desired color palette. Everything from the background color of an application to the text color is fully customizable. More information on app theming can be found in [Theming](../theming/basics.mdx). diff --git a/versioned_docs/version-v5/core-concepts/webview.mdx b/versioned_docs/version-v5/core-concepts/webview.mdx index 5e44273563a..88d6a96d153 100644 --- a/versioned_docs/version-v5/core-concepts/webview.mdx +++ b/versioned_docs/version-v5/core-concepts/webview.mdx @@ -32,7 +32,7 @@ import { Capacitor } from '@capacitor/core'; Capacitor.convertFileSrc(filePath); ``` -For Cordova apps, the [Ionic Web View plugin](https://github.com/ionic-team/cordova-plugin-ionic-webview) provides a utility function for converting File URIs: `window.Ionic.WebView.convertFileSrc()`. There is also a corresponding Ionic Native plugin: [`@awesome-cordova-plugins/ionic-webview`](../native/ionic-webview.md). +For Cordova apps, the [Ionic Web View plugin](https://github.com/ionic-team/cordova-plugin-ionic-webview) provides a utility function for converting File URIs: `window.Ionic.WebView.convertFileSrc()`. There is also a corresponding Ionic Native plugin: [`@awesome-cordova-plugins/ionic-webview`](../native/ionic-webview.mdx). ### Implementations diff --git a/versioned_docs/version-v5/developing/tips.mdx b/versioned_docs/version-v5/developing/tips.mdx index f5155db1faf..10d7fe717ed 100644 --- a/versioned_docs/version-v5/developing/tips.mdx +++ b/versioned_docs/version-v5/developing/tips.mdx @@ -122,7 +122,7 @@ The iOS simulator enables testing and debugging of an app before it reaches an a Before it can be used, [Xcode](https://developer.apple.com/xcode/download/), Apple's IDE, must be installed. -The [Ionic CLI](../cli.md) can then be used to run the app in the current directory on the simulator: +The [Ionic CLI](../cli.mdx) can then be used to run the app in the current directory on the simulator: ```shell ionic cordova emulate ios -lc diff --git a/versioned_docs/version-v5/index.md b/versioned_docs/version-v5/index.mdx similarity index 99% rename from versioned_docs/version-v5/index.md rename to versioned_docs/version-v5/index.mdx index 451291d3bd8..607bf8ce35f 100644 --- a/versioned_docs/version-v5/index.md +++ b/versioned_docs/version-v5/index.mdx @@ -130,7 +130,7 @@ Ionic Framework is actively developed and maintained full-time by a core team, a There are millions of Ionic developers in o ver 200 countries worldwide. Here are some ways to join: - +{/* prettier-ignore */} - Forum: A great place for asking questions and sharing ideas. - Twitter: Where we post updates and share content from the Ionic community. - GitHub: For reporting bugs or requesting new features, create an issue here. PRs welcome! diff --git a/versioned_docs/version-v5/intro/cli.mdx b/versioned_docs/version-v5/intro/cli.mdx index d2229af39dd..64878d316bc 100644 --- a/versioned_docs/version-v5/intro/cli.mdx +++ b/versioned_docs/version-v5/intro/cli.mdx @@ -30,7 +30,7 @@ $ npm install -g @ionic/cli :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Start an App @@ -43,7 +43,7 @@ ionic start myApp tabs ![start app thumbnails](/img/installation/start-app-thumbnails.png) -To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.md). +To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.mdx). ## Run the App @@ -54,4 +54,4 @@ $ cd myApp $ ionic serve ``` -There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.md). +There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.mdx). diff --git a/versioned_docs/version-v5/intro/environment.mdx b/versioned_docs/version-v5/intro/environment.mdx index edee6038ff5..9da996cfc61 100644 --- a/versioned_docs/version-v5/intro/environment.mdx +++ b/versioned_docs/version-v5/intro/environment.mdx @@ -31,7 +31,7 @@ $ npm --version ``` :::note -Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors). +Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors). ::: ## Git diff --git a/versioned_docs/version-v5/native-community.md b/versioned_docs/version-v5/native-community.mdx similarity index 97% rename from versioned_docs/version-v5/native-community.md rename to versioned_docs/version-v5/native-community.mdx index cd8773d8bba..f3e6fcb1783 100644 --- a/versioned_docs/version-v5/native-community.md +++ b/versioned_docs/version-v5/native-community.mdx @@ -34,7 +34,7 @@ In addition to Cordova, Ionic Native also works with [Capacitor](https://capacit All plugins have two components - the native code (Cordova) and the TypeScript code (Ionic Native). Cordova plugins are also wrapped in a `Promise` or `Observable` in order to provide a common plugin interface and modernized development approach. -Using the [Camera plugin](native/camera.md) as an example, first install it: +Using the [Camera plugin](native/camera.mdx) as an example, first install it: ````mdx-code-block ```` -Next, begin using the plugin, following the various framework usage options below. For FAQ, see [here](native-faq.md). +Next, begin using the plugin, following the various framework usage options below. For FAQ, see [here](native-faq.mdx). ## Angular diff --git a/versioned_docs/version-v5/native-faq.md b/versioned_docs/version-v5/native-faq.mdx similarity index 96% rename from versioned_docs/version-v5/native-faq.md rename to versioned_docs/version-v5/native-faq.mdx index 80cb5b1ae89..2c57b3ca399 100644 --- a/versioned_docs/version-v5/native-faq.md +++ b/versioned_docs/version-v5/native-faq.mdx @@ -7,7 +7,7 @@ slug: /native/faq ## Cordova Management Tips -**1) Use the [Ionic CLI](cli.md) to add/update/delete plugins.** +**1) Use the [Ionic CLI](cli.mdx) to add/update/delete plugins.** Instead of directly editing `config.xml` and `package.json`. Use `ionic` in front of Cordova commands for a better experience and additional functionality (`ionic cordova build ios` instead of `cordova build ios`). @@ -32,8 +32,8 @@ Useful when adding new developers to a project. `ionic cordova prepare` restores **5) Troubleshoot Cordova issues with Ionic CLI commands** -- `ionic doctor list`: Detects [common issues](cli/commands/doctor-list.md) and suggests steps to fix them -- `ionic repair`: Remove, then [regenerate](cli/commands/repair.md) all dependencies +- `ionic doctor list`: Detects [common issues](cli/commands/doctor-list.mdx) and suggests steps to fix them +- `ionic repair`: Remove, then [regenerate](cli/commands/repair.mdx) all dependencies ## Understanding Version Numbers diff --git a/versioned_docs/version-v5/native.md b/versioned_docs/version-v5/native.mdx similarity index 96% rename from versioned_docs/version-v5/native.md rename to versioned_docs/version-v5/native.mdx index 7d2c5e52b89..4a6e958660c 100644 --- a/versioned_docs/version-v5/native.md +++ b/versioned_docs/version-v5/native.mdx @@ -33,11 +33,11 @@ Build native-powered app experiences with a collection of open source and premiu - + {/* prettier-ignore */}

A modern, open source native runtime built and maintained by the Ionic team and the Capacitor community. Our recommended native solution.

 - + {/* prettier-ignore */}

A collection of free Cordova plugins, built and maintained by the community, with TypeScript wrappers and a consistent API and naming convention.

 diff --git a/versioned_docs/version-v5/native/abbyy-rtr.mdx b/versioned_docs/version-v5/native/abbyy-rtr.mdx index 0aef215889b..59a485bade8 100644 --- a/versioned_docs/version-v5/native/abbyy-rtr.mdx +++ b/versioned_docs/version-v5/native/abbyy-rtr.mdx @@ -71,7 +71,7 @@ ABBYY Real-Time Recognition SDK (RTR SDK) in apps. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/action-sheet.mdx b/versioned_docs/version-v5/native/action-sheet.mdx index cbc5d6a85e5..cd89b007bce 100644 --- a/versioned_docs/version-v5/native/action-sheet.mdx +++ b/versioned_docs/version-v5/native/action-sheet.mdx @@ -75,7 +75,7 @@ Requires Cordova plugin: `cordova-plugin-actionsheet`. For more info, please see ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/adjust.mdx b/versioned_docs/version-v5/native/adjust.mdx index 34932afb300..14a0fa9749a 100644 --- a/versioned_docs/version-v5/native/adjust.mdx +++ b/versioned_docs/version-v5/native/adjust.mdx @@ -70,7 +70,7 @@ Requires Cordova plugin: `com.adjust.sdk`. For more info, please see the [Adjust ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/admob.mdx b/versioned_docs/version-v5/native/admob.mdx index c3baec8fa0b..4419db3546d 100644 --- a/versioned_docs/version-v5/native/admob.mdx +++ b/versioned_docs/version-v5/native/admob.mdx @@ -77,7 +77,7 @@ Monetize your apps and games with AdMob ads, using latest Google AdMob SDK. With ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/aes-256.mdx b/versioned_docs/version-v5/native/aes-256.mdx index 74f2598bd00..64e058088e9 100644 --- a/versioned_docs/version-v5/native/aes-256.mdx +++ b/versioned_docs/version-v5/native/aes-256.mdx @@ -72,7 +72,7 @@ The encryption and decryption are performed on the device native layer so that t ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/all-in-one-sdk.mdx b/versioned_docs/version-v5/native/all-in-one-sdk.mdx index 4b84c03b674..b560aa06443 100644 --- a/versioned_docs/version-v5/native/all-in-one-sdk.mdx +++ b/versioned_docs/version-v5/native/all-in-one-sdk.mdx @@ -73,7 +73,7 @@ For more information about Paytm All-in-One SDK, please visit https://developer. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/analytics-firebase.mdx b/versioned_docs/version-v5/native/analytics-firebase.mdx index 843d78cceb1..cf15c5961ba 100644 --- a/versioned_docs/version-v5/native/analytics-firebase.mdx +++ b/versioned_docs/version-v5/native/analytics-firebase.mdx @@ -70,7 +70,7 @@ Google Analytics Firebase plugin for Ionic Native apps. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/android-exoplayer.mdx b/versioned_docs/version-v5/native/android-exoplayer.mdx index c41eda47fce..2f29203aaf8 100644 --- a/versioned_docs/version-v5/native/android-exoplayer.mdx +++ b/versioned_docs/version-v5/native/android-exoplayer.mdx @@ -71,7 +71,7 @@ https://github.com/google/ExoPlayer ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/android-full-screen.mdx b/versioned_docs/version-v5/native/android-full-screen.mdx index beeb4114bfc..7fde5b6bcce 100644 --- a/versioned_docs/version-v5/native/android-full-screen.mdx +++ b/versioned_docs/version-v5/native/android-full-screen.mdx @@ -71,7 +71,7 @@ In Android 4.4+, however, you can now enter true full screen, fully interactive ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/android-notch.mdx b/versioned_docs/version-v5/native/android-notch.mdx index c2b9d80df5d..58bbf1b3974 100644 --- a/versioned_docs/version-v5/native/android-notch.mdx +++ b/versioned_docs/version-v5/native/android-notch.mdx @@ -71,7 +71,7 @@ This plugin works on all android versions, but we can only detect notches starti ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/android-permissions.mdx b/versioned_docs/version-v5/native/android-permissions.mdx index cc6cd9a49d0..08722e94d76 100644 --- a/versioned_docs/version-v5/native/android-permissions.mdx +++ b/versioned_docs/version-v5/native/android-permissions.mdx @@ -73,7 +73,7 @@ You can find all permissions here: https://developer.android.com/reference/andro ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/anyline.mdx b/versioned_docs/version-v5/native/anyline.mdx index bc9ec166ba3..7e184054ab9 100644 --- a/versioned_docs/version-v5/native/anyline.mdx +++ b/versioned_docs/version-v5/native/anyline.mdx @@ -68,7 +68,7 @@ Anyline provides an easy-to-use SDK for applications to enable Optical Character ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-availability.mdx b/versioned_docs/version-v5/native/app-availability.mdx index cdd3e6cc5b6..01677bb152c 100644 --- a/versioned_docs/version-v5/native/app-availability.mdx +++ b/versioned_docs/version-v5/native/app-availability.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: cordova-plugin-appavailability. For more info, please s ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-center-analytics.mdx b/versioned_docs/version-v5/native/app-center-analytics.mdx index c5751de0cd7..fc552296b94 100644 --- a/versioned_docs/version-v5/native/app-center-analytics.mdx +++ b/versioned_docs/version-v5/native/app-center-analytics.mdx @@ -75,7 +75,7 @@ For more info, please see https://docs.microsoft.com/en-us/appcenter/sdk/analyti ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-center-crashes.mdx b/versioned_docs/version-v5/native/app-center-crashes.mdx index 8aca0878212..371a85ae76d 100644 --- a/versioned_docs/version-v5/native/app-center-crashes.mdx +++ b/versioned_docs/version-v5/native/app-center-crashes.mdx @@ -75,7 +75,7 @@ For more info, please see https://docs.microsoft.com/en-us/appcenter/sdk/crashes ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-center-push.mdx b/versioned_docs/version-v5/native/app-center-push.mdx index 6c13119c665..4c2810d55b5 100644 --- a/versioned_docs/version-v5/native/app-center-push.mdx +++ b/versioned_docs/version-v5/native/app-center-push.mdx @@ -70,7 +70,7 @@ For more info, please see https://docs.microsoft.com/en-us/appcenter/sdk/push/co ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-preferences.mdx b/versioned_docs/version-v5/native/app-preferences.mdx index 2f9b36f18a9..bcee871da9c 100644 --- a/versioned_docs/version-v5/native/app-preferences.mdx +++ b/versioned_docs/version-v5/native/app-preferences.mdx @@ -75,7 +75,7 @@ This plugin allows you to read and write app preferences ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-rate.mdx b/versioned_docs/version-v5/native/app-rate.mdx index a48f696c168..51c388b1e4d 100644 --- a/versioned_docs/version-v5/native/app-rate.mdx +++ b/versioned_docs/version-v5/native/app-rate.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: cordova-plugin-apprate. For more info, please see the [ ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/app-version.mdx b/versioned_docs/version-v5/native/app-version.mdx index 2a218f41f02..07cf49c379b 100644 --- a/versioned_docs/version-v5/native/app-version.mdx +++ b/versioned_docs/version-v5/native/app-version.mdx @@ -75,7 +75,7 @@ Requires Cordova plugin: `cordova-plugin-app-version`. For more info, please see ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/apple-wallet.mdx b/versioned_docs/version-v5/native/apple-wallet.mdx index eacca30f4e2..7ca3166b8e2 100644 --- a/versioned_docs/version-v5/native/apple-wallet.mdx +++ b/versioned_docs/version-v5/native/apple-wallet.mdx @@ -68,7 +68,7 @@ A Cordova plugin that enables users from Add Payment Cards to their Apple Wallet ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/appsflyer.mdx b/versioned_docs/version-v5/native/appsflyer.mdx index 5f72f054a88..1b6aa71b728 100644 --- a/versioned_docs/version-v5/native/appsflyer.mdx +++ b/versioned_docs/version-v5/native/appsflyer.mdx @@ -70,7 +70,7 @@ Appsflyer Cordova SDK support for Attribution ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/background-fetch.mdx b/versioned_docs/version-v5/native/background-fetch.mdx index 0003192291d..8eae8fd0a17 100644 --- a/versioned_docs/version-v5/native/background-fetch.mdx +++ b/versioned_docs/version-v5/native/background-fetch.mdx @@ -71,7 +71,7 @@ For more detail, please see https://github.com/transistorsoft/cordova-plugin-bac ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/background-geolocation.mdx b/versioned_docs/version-v5/native/background-geolocation.mdx index e2e68558b85..7790cf6ede2 100644 --- a/versioned_docs/version-v5/native/background-geolocation.mdx +++ b/versioned_docs/version-v5/native/background-geolocation.mdx @@ -73,7 +73,7 @@ more detail, please see https://github.com/mauron85/cordova-plugin-background-ge ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/background-mode.mdx b/versioned_docs/version-v5/native/background-mode.mdx index ad0458a0460..75924561ace 100644 --- a/versioned_docs/version-v5/native/background-mode.mdx +++ b/versioned_docs/version-v5/native/background-mode.mdx @@ -76,7 +76,7 @@ Requires Cordova plugin: cordova-plugin-background-mode. For more info about plu ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/background-upload.mdx b/versioned_docs/version-v5/native/background-upload.mdx index 396b8c62271..1fcbff578b0 100644 --- a/versioned_docs/version-v5/native/background-upload.mdx +++ b/versioned_docs/version-v5/native/background-upload.mdx @@ -70,7 +70,7 @@ This plugin does something ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/badge.mdx b/versioned_docs/version-v5/native/badge.mdx index d2cfc105b13..cde7479ccaa 100644 --- a/versioned_docs/version-v5/native/badge.mdx +++ b/versioned_docs/version-v5/native/badge.mdx @@ -74,7 +74,7 @@ Android Note: Badges have historically only been a feature implemented by third ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/barcode-scanner.mdx b/versioned_docs/version-v5/native/barcode-scanner.mdx index fcd96c75e32..c13f0966a58 100644 --- a/versioned_docs/version-v5/native/barcode-scanner.mdx +++ b/versioned_docs/version-v5/native/barcode-scanner.mdx @@ -77,7 +77,7 @@ Requires Cordova plugin: `phonegap-plugin-barcodescanner`. For more info, please ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/battery-status.mdx b/versioned_docs/version-v5/native/battery-status.mdx index a141bf03f84..a843d6f2b19 100644 --- a/versioned_docs/version-v5/native/battery-status.mdx +++ b/versioned_docs/version-v5/native/battery-status.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: cordova-plugin-batterystatus. For more info, please see ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/biocatch.mdx b/versioned_docs/version-v5/native/biocatch.mdx index 98813df1bf8..bebcdbc59f2 100644 --- a/versioned_docs/version-v5/native/biocatch.mdx +++ b/versioned_docs/version-v5/native/biocatch.mdx @@ -68,7 +68,7 @@ BioCatch SDK Cordova support ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/biometric-wrapper.mdx b/versioned_docs/version-v5/native/biometric-wrapper.mdx index d8561965fd1..6f2bc2a06dd 100644 --- a/versioned_docs/version-v5/native/biometric-wrapper.mdx +++ b/versioned_docs/version-v5/native/biometric-wrapper.mdx @@ -66,7 +66,7 @@ May be used in Banking domain ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ble.mdx b/versioned_docs/version-v5/native/ble.mdx index 91dba27963f..bd142788714 100644 --- a/versioned_docs/version-v5/native/ble.mdx +++ b/versioned_docs/version-v5/native/ble.mdx @@ -80,7 +80,7 @@ Simultaneous connections to multiple peripherals are supported. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/blinkid.mdx b/versioned_docs/version-v5/native/blinkid.mdx index 7435676b923..7aaacb50be3 100644 --- a/versioned_docs/version-v5/native/blinkid.mdx +++ b/versioned_docs/version-v5/native/blinkid.mdx @@ -69,7 +69,7 @@ blinkid-phonegap repository for available recognizers and other settings ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/bluetooth-le.mdx b/versioned_docs/version-v5/native/bluetooth-le.mdx index d5571ea55b3..ca7990414d7 100644 --- a/versioned_docs/version-v5/native/bluetooth-le.mdx +++ b/versioned_docs/version-v5/native/bluetooth-le.mdx @@ -72,7 +72,7 @@ It supports peripheral **and** central modes and covers most of the API methods ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/bluetooth-serial.mdx b/versioned_docs/version-v5/native/bluetooth-serial.mdx index 67dec208e3c..87633f65596 100644 --- a/versioned_docs/version-v5/native/bluetooth-serial.mdx +++ b/versioned_docs/version-v5/native/bluetooth-serial.mdx @@ -71,7 +71,7 @@ This plugin enables serial communication over Bluetooth. It was written for comm ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/branch-io.mdx b/versioned_docs/version-v5/native/branch-io.mdx index 4581e78ac9a..f81686efbb3 100644 --- a/versioned_docs/version-v5/native/branch-io.mdx +++ b/versioned_docs/version-v5/native/branch-io.mdx @@ -68,7 +68,7 @@ Branch.io is an attribution service for deeplinking and invitation links ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/broadcaster.mdx b/versioned_docs/version-v5/native/broadcaster.mdx index a689afcf90c..a71a0885e2b 100644 --- a/versioned_docs/version-v5/native/broadcaster.mdx +++ b/versioned_docs/version-v5/native/broadcaster.mdx @@ -71,7 +71,7 @@ This plugin adds exchanging events between native code and your app. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/build-info.mdx b/versioned_docs/version-v5/native/build-info.mdx index fcefd3eadc4..9648072bbba 100644 --- a/versioned_docs/version-v5/native/build-info.mdx +++ b/versioned_docs/version-v5/native/build-info.mdx @@ -73,7 +73,7 @@ This plugin provides build information. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/calendar.mdx b/versioned_docs/version-v5/native/calendar.mdx index edf994e1843..1620a2edb72 100644 --- a/versioned_docs/version-v5/native/calendar.mdx +++ b/versioned_docs/version-v5/native/calendar.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: `cordova-plugin-calendar`. For more info, please see th ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/call-directory.mdx b/versioned_docs/version-v5/native/call-directory.mdx index 6117296e998..935311444ae 100644 --- a/versioned_docs/version-v5/native/call-directory.mdx +++ b/versioned_docs/version-v5/native/call-directory.mdx @@ -70,7 +70,7 @@ to process the changes in the call directory extension. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/call-number.mdx b/versioned_docs/version-v5/native/call-number.mdx index d3df8b38a33..036b059d5a1 100644 --- a/versioned_docs/version-v5/native/call-number.mdx +++ b/versioned_docs/version-v5/native/call-number.mdx @@ -69,7 +69,7 @@ Call a number directly from your Cordova/Ionic application. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/camera-preview.mdx b/versioned_docs/version-v5/native/camera-preview.mdx index 2816a745374..98095d89924 100644 --- a/versioned_docs/version-v5/native/camera-preview.mdx +++ b/versioned_docs/version-v5/native/camera-preview.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: `https://github.com/cordova-plugin-camera-preview/cordo ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/camera.mdx b/versioned_docs/version-v5/native/camera.mdx index 1e4b5c102fa..40b754ca428 100644 --- a/versioned_docs/version-v5/native/camera.mdx +++ b/versioned_docs/version-v5/native/camera.mdx @@ -84,7 +84,7 @@ inside of the `` section ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/chooser.mdx b/versioned_docs/version-v5/native/chooser.mdx index a6b776648cc..3b1303624b9 100644 --- a/versioned_docs/version-v5/native/chooser.mdx +++ b/versioned_docs/version-v5/native/chooser.mdx @@ -81,7 +81,7 @@ The following must be added to config.xml to prevent crashing when selecting lar ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/clevertap.mdx b/versioned_docs/version-v5/native/clevertap.mdx index 5f68362ae66..691a57b6314 100644 --- a/versioned_docs/version-v5/native/clevertap.mdx +++ b/versioned_docs/version-v5/native/clevertap.mdx @@ -68,7 +68,7 @@ Cordova Plugin that wraps CleverTap SDK for Android and iOS ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/clipboard.mdx b/versioned_docs/version-v5/native/clipboard.mdx index ab7aac84453..25c61bd89bb 100644 --- a/versioned_docs/version-v5/native/clipboard.mdx +++ b/versioned_docs/version-v5/native/clipboard.mdx @@ -69,7 +69,7 @@ Clipboard management plugin for Cordova that supports iOS, Android, and Windows ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/cloud-settings.mdx b/versioned_docs/version-v5/native/cloud-settings.mdx index e95186273c4..f1bfcfb22dd 100644 --- a/versioned_docs/version-v5/native/cloud-settings.mdx +++ b/versioned_docs/version-v5/native/cloud-settings.mdx @@ -70,7 +70,7 @@ Stores app settings in cloud storage so if the user re-installs the app or insta ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/code-push.mdx b/versioned_docs/version-v5/native/code-push.mdx index 328f2e736f8..ee5b1ec807b 100644 --- a/versioned_docs/version-v5/native/code-push.mdx +++ b/versioned_docs/version-v5/native/code-push.mdx @@ -71,7 +71,7 @@ For more info, please see https://github.com/Dellos7/example-cordova-code-push-p ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/custom-uisdk.mdx b/versioned_docs/version-v5/native/custom-uisdk.mdx index 2c9b8e6ca1c..52e5000eba3 100644 --- a/versioned_docs/version-v5/native/custom-uisdk.mdx +++ b/versioned_docs/version-v5/native/custom-uisdk.mdx @@ -69,7 +69,7 @@ This plugin is used to access Paytm's native CustomUISDK framework's apis. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/deeplinks.mdx b/versioned_docs/version-v5/native/deeplinks.mdx index ab3d65732eb..2905874a2c8 100644 --- a/versioned_docs/version-v5/native/deeplinks.mdx +++ b/versioned_docs/version-v5/native/deeplinks.mdx @@ -73,7 +73,7 @@ You must add `universal-links` to your `config.xml` and set up Apple App Site As ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/device-accounts.mdx b/versioned_docs/version-v5/native/device-accounts.mdx index 68a35118d15..6037eebb3f0 100644 --- a/versioned_docs/version-v5/native/device-accounts.mdx +++ b/versioned_docs/version-v5/native/device-accounts.mdx @@ -69,7 +69,7 @@ Gets the Google accounts associated with the Android device ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/device-motion.mdx b/versioned_docs/version-v5/native/device-motion.mdx index ae1f7ef5056..53ccc074355 100644 --- a/versioned_docs/version-v5/native/device-motion.mdx +++ b/versioned_docs/version-v5/native/device-motion.mdx @@ -77,7 +77,7 @@ Requires Cordova plugin: `cordova-plugin-device-motion`. For more info, please s ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/device-orientation.mdx b/versioned_docs/version-v5/native/device-orientation.mdx index 434a5d57d3a..0dea15b58bf 100644 --- a/versioned_docs/version-v5/native/device-orientation.mdx +++ b/versioned_docs/version-v5/native/device-orientation.mdx @@ -78,7 +78,7 @@ Requires Cordova plugin: `cordova-plugin-device-orientation`. For more info, ple ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/device.mdx b/versioned_docs/version-v5/native/device.mdx index 48c802df1df..994b754b91b 100644 --- a/versioned_docs/version-v5/native/device.mdx +++ b/versioned_docs/version-v5/native/device.mdx @@ -71,7 +71,7 @@ Access information about the underlying device and platform. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/dfu-update.mdx b/versioned_docs/version-v5/native/dfu-update.mdx index 03eea864fc5..0727df446e6 100644 --- a/versioned_docs/version-v5/native/dfu-update.mdx +++ b/versioned_docs/version-v5/native/dfu-update.mdx @@ -70,7 +70,7 @@ This plugin is a Wrapper to use Nordic Semiconductor's Device Firmware Update (D ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/diagnostic.mdx b/versioned_docs/version-v5/native/diagnostic.mdx index f7fd5051e26..b392821b7c0 100644 --- a/versioned_docs/version-v5/native/diagnostic.mdx +++ b/versioned_docs/version-v5/native/diagnostic.mdx @@ -71,7 +71,7 @@ Checks whether device hardware features are enabled or available to the app, e.g ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/dialogs.mdx b/versioned_docs/version-v5/native/dialogs.mdx index c77a0788459..f4d86acb43d 100644 --- a/versioned_docs/version-v5/native/dialogs.mdx +++ b/versioned_docs/version-v5/native/dialogs.mdx @@ -73,7 +73,7 @@ Requires Cordova plugin: `cordova-plugin-dialogs`. For more info, please see the ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/dns.mdx b/versioned_docs/version-v5/native/dns.mdx index be6f522bc16..3624c12f4a7 100644 --- a/versioned_docs/version-v5/native/dns.mdx +++ b/versioned_docs/version-v5/native/dns.mdx @@ -67,7 +67,7 @@ A plugin for Apache Cordova that enables applications to manually resolve hostna ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/document-picker.mdx b/versioned_docs/version-v5/native/document-picker.mdx index 780439ae892..8c36556bcdc 100644 --- a/versioned_docs/version-v5/native/document-picker.mdx +++ b/versioned_docs/version-v5/native/document-picker.mdx @@ -70,7 +70,7 @@ Allows the user to upload files from iCloud ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/document-scanner.mdx b/versioned_docs/version-v5/native/document-scanner.mdx index 5c28400b5e7..f13be88cd62 100644 --- a/versioned_docs/version-v5/native/document-scanner.mdx +++ b/versioned_docs/version-v5/native/document-scanner.mdx @@ -70,7 +70,7 @@ This plugin processes images of documents, compensating for perspective. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/document-viewer.mdx b/versioned_docs/version-v5/native/document-viewer.mdx index b6aa17fdf9f..71e36dcf6bf 100644 --- a/versioned_docs/version-v5/native/document-viewer.mdx +++ b/versioned_docs/version-v5/native/document-viewer.mdx @@ -73,7 +73,7 @@ This plugin offers a slim API to view PDF files which are either stored in the a ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/email-composer.mdx b/versioned_docs/version-v5/native/email-composer.mdx index 4f5f57ab7c3..66ab12a7a71 100644 --- a/versioned_docs/version-v5/native/email-composer.mdx +++ b/versioned_docs/version-v5/native/email-composer.mdx @@ -74,7 +74,7 @@ Requires Cordova plugin: cordova-plugin-email-composer. For more info, please se ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/fabric.mdx b/versioned_docs/version-v5/native/fabric.mdx index 5139a67c59a..3f94ce8857b 100644 --- a/versioned_docs/version-v5/native/fabric.mdx +++ b/versioned_docs/version-v5/native/fabric.mdx @@ -70,7 +70,7 @@ https://docs.fabric.io/crashlytics/index.html ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/facebook.mdx b/versioned_docs/version-v5/native/facebook.mdx index 1ffde697cf2..970c4e1e06e 100644 --- a/versioned_docs/version-v5/native/facebook.mdx +++ b/versioned_docs/version-v5/native/facebook.mdx @@ -137,7 +137,7 @@ For tracking events, see `logEvent` and `logPurchase`. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/fcm.mdx b/versioned_docs/version-v5/native/fcm.mdx index 674b683323c..7d2e20290b4 100644 --- a/versioned_docs/version-v5/native/fcm.mdx +++ b/versioned_docs/version-v5/native/fcm.mdx @@ -76,7 +76,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/file-opener.mdx b/versioned_docs/version-v5/native/file-opener.mdx index 25d95e1d7cd..c2b5e1b8063 100644 --- a/versioned_docs/version-v5/native/file-opener.mdx +++ b/versioned_docs/version-v5/native/file-opener.mdx @@ -72,7 +72,7 @@ This plugin will open a file on your device file system with its default applica ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/file-path.mdx b/versioned_docs/version-v5/native/file-path.mdx index 90000d4958a..9081ec9d891 100644 --- a/versioned_docs/version-v5/native/file-path.mdx +++ b/versioned_docs/version-v5/native/file-path.mdx @@ -68,7 +68,7 @@ This plugin allows you to resolve the native filesystem path for Android content ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/file-transfer.mdx b/versioned_docs/version-v5/native/file-transfer.mdx index a812c2ecacd..9c6dd08a64d 100644 --- a/versioned_docs/version-v5/native/file-transfer.mdx +++ b/versioned_docs/version-v5/native/file-transfer.mdx @@ -78,7 +78,7 @@ This plugin allows you to upload and download files. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-analytics.mdx b/versioned_docs/version-v5/native/firebase-analytics.mdx index 4e5b004704a..7e95e9075d9 100644 --- a/versioned_docs/version-v5/native/firebase-analytics.mdx +++ b/versioned_docs/version-v5/native/firebase-analytics.mdx @@ -92,7 +92,7 @@ And in the same file, you'll have to add `xmlns:tools="http://schemas.android.co ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-authentication.mdx b/versioned_docs/version-v5/native/firebase-authentication.mdx index 48c12194ea6..2c9036b9189 100644 --- a/versioned_docs/version-v5/native/firebase-authentication.mdx +++ b/versioned_docs/version-v5/native/firebase-authentication.mdx @@ -70,7 +70,7 @@ Cordova plugin for Firebase Authentication ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-config.mdx b/versioned_docs/version-v5/native/firebase-config.mdx index cc0f39b3488..06436401d84 100644 --- a/versioned_docs/version-v5/native/firebase-config.mdx +++ b/versioned_docs/version-v5/native/firebase-config.mdx @@ -70,7 +70,7 @@ Cordova plugin for Firebase Config ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-crash.mdx b/versioned_docs/version-v5/native/firebase-crash.mdx index 2caff796238..3fee68ec116 100644 --- a/versioned_docs/version-v5/native/firebase-crash.mdx +++ b/versioned_docs/version-v5/native/firebase-crash.mdx @@ -70,7 +70,7 @@ This plugin brings crash reporting from Google Firebase to your Cordova project! ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-crashlytics.mdx b/versioned_docs/version-v5/native/firebase-crashlytics.mdx index 2e540c7ffdd..752c887cff4 100644 --- a/versioned_docs/version-v5/native/firebase-crashlytics.mdx +++ b/versioned_docs/version-v5/native/firebase-crashlytics.mdx @@ -70,7 +70,7 @@ A Google Firebase Crashlytics plugin to enable capture of crash reports. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-dynamic-links.mdx b/versioned_docs/version-v5/native/firebase-dynamic-links.mdx index f7bbfb94be1..6cf00bd9d8c 100644 --- a/versioned_docs/version-v5/native/firebase-dynamic-links.mdx +++ b/versioned_docs/version-v5/native/firebase-dynamic-links.mdx @@ -89,7 +89,7 @@ config.xml: ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-messaging.mdx b/versioned_docs/version-v5/native/firebase-messaging.mdx index 0907b93e266..ecbaa6af9d7 100644 --- a/versioned_docs/version-v5/native/firebase-messaging.mdx +++ b/versioned_docs/version-v5/native/firebase-messaging.mdx @@ -70,7 +70,7 @@ Cordova plugin for Firebase Messaging ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-vision.mdx b/versioned_docs/version-v5/native/firebase-vision.mdx index 93a8c6feb7d..f999557cffc 100644 --- a/versioned_docs/version-v5/native/firebase-vision.mdx +++ b/versioned_docs/version-v5/native/firebase-vision.mdx @@ -70,7 +70,7 @@ Cordova plugin for Firebase MLKit Vision ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase-x.mdx b/versioned_docs/version-v5/native/firebase-x.mdx index d1baade7124..74f840597cc 100644 --- a/versioned_docs/version-v5/native/firebase-x.mdx +++ b/versioned_docs/version-v5/native/firebase-x.mdx @@ -70,7 +70,7 @@ It is a maintained fork from unmaintained ionic-navite plugin called Firebase. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/firebase.mdx b/versioned_docs/version-v5/native/firebase.mdx index f7d05991790..29c606171e8 100644 --- a/versioned_docs/version-v5/native/firebase.mdx +++ b/versioned_docs/version-v5/native/firebase.mdx @@ -72,7 +72,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/flashlight.mdx b/versioned_docs/version-v5/native/flashlight.mdx index cc3367c06bb..ad140c01a02 100644 --- a/versioned_docs/version-v5/native/flashlight.mdx +++ b/versioned_docs/version-v5/native/flashlight.mdx @@ -73,7 +73,7 @@ Requires Cordova plugin: `cordova-plugin-flashlight`. For more info, please see ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/foreground-service.mdx b/versioned_docs/version-v5/native/foreground-service.mdx index 54f6a1ae291..0a3f31b607a 100644 --- a/versioned_docs/version-v5/native/foreground-service.mdx +++ b/versioned_docs/version-v5/native/foreground-service.mdx @@ -82,7 +82,7 @@ For android API 28+, the following xml snippet should be inserted into `config.x ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ftp.mdx b/versioned_docs/version-v5/native/ftp.mdx index 51377876d88..2cf46b2829f 100644 --- a/versioned_docs/version-v5/native/ftp.mdx +++ b/versioned_docs/version-v5/native/ftp.mdx @@ -68,7 +68,7 @@ This cordova plugin is created to use ftp (client) in web/js. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/gao-de-location.mdx b/versioned_docs/version-v5/native/gao-de-location.mdx index b217c601758..b1c9b38fe03 100644 --- a/versioned_docs/version-v5/native/gao-de-location.mdx +++ b/versioned_docs/version-v5/native/gao-de-location.mdx @@ -71,7 +71,7 @@ Gaode location can directly return address informationGaode location can directl ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ge-tui-sdk-plugin.mdx b/versioned_docs/version-v5/native/ge-tui-sdk-plugin.mdx index 96fe3452207..d0cf8612caf 100644 --- a/versioned_docs/version-v5/native/ge-tui-sdk-plugin.mdx +++ b/versioned_docs/version-v5/native/ge-tui-sdk-plugin.mdx @@ -70,7 +70,7 @@ This plugin does something ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/geolocation.mdx b/versioned_docs/version-v5/native/geolocation.mdx index 808bbaf6d12..7092bf17c65 100644 --- a/versioned_docs/version-v5/native/geolocation.mdx +++ b/versioned_docs/version-v5/native/geolocation.mdx @@ -85,7 +85,7 @@ For iOS you have to add this configuration to your configuration.xml file ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/globalization.mdx b/versioned_docs/version-v5/native/globalization.mdx index 0cd8a837d69..c605d920bef 100644 --- a/versioned_docs/version-v5/native/globalization.mdx +++ b/versioned_docs/version-v5/native/globalization.mdx @@ -73,7 +73,7 @@ This plugin obtains information and performs operations specific to the user's l ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/google-analytics.mdx b/versioned_docs/version-v5/native/google-analytics.mdx index 066b8a48c26..fc660aa14be 100644 --- a/versioned_docs/version-v5/native/google-analytics.mdx +++ b/versioned_docs/version-v5/native/google-analytics.mdx @@ -77,7 +77,7 @@ Prerequisites: ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/google-nearby.mdx b/versioned_docs/version-v5/native/google-nearby.mdx index 51874c65750..baf89f0a142 100644 --- a/versioned_docs/version-v5/native/google-nearby.mdx +++ b/versioned_docs/version-v5/native/google-nearby.mdx @@ -69,7 +69,7 @@ This plugin adds support for the Google Nearby Messages API. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/google-plus.mdx b/versioned_docs/version-v5/native/google-plus.mdx index 6901168a648..e1388571cfe 100644 --- a/versioned_docs/version-v5/native/google-plus.mdx +++ b/versioned_docs/version-v5/native/google-plus.mdx @@ -68,7 +68,7 @@ import CodeBlock from '@theme/CodeBlock'; ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/health-kit.mdx b/versioned_docs/version-v5/native/health-kit.mdx index a09078dd782..d6ac154ae7f 100644 --- a/versioned_docs/version-v5/native/health-kit.mdx +++ b/versioned_docs/version-v5/native/health-kit.mdx @@ -70,7 +70,7 @@ Any data saved shows up in the iOS Health app and is available for other iOS app ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/health.mdx b/versioned_docs/version-v5/native/health.mdx index 9ec2f16902a..a5b278fe3d0 100644 --- a/versioned_docs/version-v5/native/health.mdx +++ b/versioned_docs/version-v5/native/health.mdx @@ -68,7 +68,7 @@ A plugin that abstracts fitness and health repositories like Apple HealthKit or ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/http.mdx b/versioned_docs/version-v5/native/http.mdx index 8265b75fd52..c229610745b 100644 --- a/versioned_docs/version-v5/native/http.mdx +++ b/versioned_docs/version-v5/native/http.mdx @@ -75,7 +75,7 @@ Advantages over Javascript requests: ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/iamport-cordova.mdx b/versioned_docs/version-v5/native/iamport-cordova.mdx index b2ab5d4ed26..81d252fb52f 100644 --- a/versioned_docs/version-v5/native/iamport-cordova.mdx +++ b/versioned_docs/version-v5/native/iamport-cordova.mdx @@ -68,7 +68,7 @@ This plugin does something ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ibeacon.mdx b/versioned_docs/version-v5/native/ibeacon.mdx index 09d40e65c62..8b45c93fd55 100644 --- a/versioned_docs/version-v5/native/ibeacon.mdx +++ b/versioned_docs/version-v5/native/ibeacon.mdx @@ -70,7 +70,7 @@ The plugin's API closely mimics the one exposed through the [CLLocationManager]( ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/image-picker.mdx b/versioned_docs/version-v5/native/image-picker.mdx index 2b42c1f2f20..2c113374535 100644 --- a/versioned_docs/version-v5/native/image-picker.mdx +++ b/versioned_docs/version-v5/native/image-picker.mdx @@ -73,7 +73,7 @@ For more info, please see the https://github.com/Telerik-Verified-Plugins/ImageP ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/imap.mdx b/versioned_docs/version-v5/native/imap.mdx index 33fc049191e..1d60208f48f 100644 --- a/versioned_docs/version-v5/native/imap.mdx +++ b/versioned_docs/version-v5/native/imap.mdx @@ -70,7 +70,7 @@ Planned improvements and support for iOS. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/in-app-browser.mdx b/versioned_docs/version-v5/native/in-app-browser.mdx index c089d7c8b87..163cba48ed1 100644 --- a/versioned_docs/version-v5/native/in-app-browser.mdx +++ b/versioned_docs/version-v5/native/in-app-browser.mdx @@ -74,7 +74,7 @@ Launches in app Browser ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/in-app-purchase-2.mdx b/versioned_docs/version-v5/native/in-app-purchase-2.mdx index ea0be992e16..e404cf657fe 100644 --- a/versioned_docs/version-v5/native/in-app-purchase-2.mdx +++ b/versioned_docs/version-v5/native/in-app-purchase-2.mdx @@ -94,7 +94,7 @@ Supports: ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/in-app-review.mdx b/versioned_docs/version-v5/native/in-app-review.mdx index 14d1827e8ff..0a36bde8f94 100644 --- a/versioned_docs/version-v5/native/in-app-review.mdx +++ b/versioned_docs/version-v5/native/in-app-review.mdx @@ -71,7 +71,7 @@ This functionality only works on iOS devices ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/insomnia.mdx b/versioned_docs/version-v5/native/insomnia.mdx index d8fd256bcf4..03a27ff3e10 100644 --- a/versioned_docs/version-v5/native/insomnia.mdx +++ b/versioned_docs/version-v5/native/insomnia.mdx @@ -72,7 +72,7 @@ Prevent the screen of the mobile device from falling asleep. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/instagram.mdx b/versioned_docs/version-v5/native/instagram.mdx index 033e079aba6..6878d49f033 100644 --- a/versioned_docs/version-v5/native/instagram.mdx +++ b/versioned_docs/version-v5/native/instagram.mdx @@ -69,7 +69,7 @@ Share a photo with the instagram app ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/intercom.mdx b/versioned_docs/version-v5/native/intercom.mdx index bb9949627c3..1e961c1ad47 100644 --- a/versioned_docs/version-v5/native/intercom.mdx +++ b/versioned_docs/version-v5/native/intercom.mdx @@ -69,7 +69,7 @@ Follow the offical documentation to setup this plugin correctly: https://develop ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ionic-webview.mdx b/versioned_docs/version-v5/native/ionic-webview.mdx index 9f519d62ebc..900c630cd99 100644 --- a/versioned_docs/version-v5/native/ionic-webview.mdx +++ b/versioned_docs/version-v5/native/ionic-webview.mdx @@ -78,7 +78,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ios-aswebauthenticationsession-api.mdx b/versioned_docs/version-v5/native/ios-aswebauthenticationsession-api.mdx index 0e2946eba89..b8e5f4a973d 100644 --- a/versioned_docs/version-v5/native/ios-aswebauthenticationsession-api.mdx +++ b/versioned_docs/version-v5/native/ios-aswebauthenticationsession-api.mdx @@ -69,7 +69,7 @@ Plugin for iOS 12 ASWebAuthenticationSession API ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/is-debug.mdx b/versioned_docs/version-v5/native/is-debug.mdx index 8e1029377cf..6a2ba332e5d 100644 --- a/versioned_docs/version-v5/native/is-debug.mdx +++ b/versioned_docs/version-v5/native/is-debug.mdx @@ -69,7 +69,7 @@ Debug mode is when the app is built and installed locally via xcode / eclipse / ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/keyboard.mdx b/versioned_docs/version-v5/native/keyboard.mdx index 75ca74637d7..5677e0a3e17 100644 --- a/versioned_docs/version-v5/native/keyboard.mdx +++ b/versioned_docs/version-v5/native/keyboard.mdx @@ -76,7 +76,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/keychain.mdx b/versioned_docs/version-v5/native/keychain.mdx index dfd93eb3ca8..5dae923222b 100644 --- a/versioned_docs/version-v5/native/keychain.mdx +++ b/versioned_docs/version-v5/native/keychain.mdx @@ -73,7 +73,7 @@ See also [Secure Storage](https://ionicframework.com/docs/native/secure-storage/ ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/kommunicate.mdx b/versioned_docs/version-v5/native/kommunicate.mdx index 57f5b2be2b6..c69dd4bbf4e 100644 --- a/versioned_docs/version-v5/native/kommunicate.mdx +++ b/versioned_docs/version-v5/native/kommunicate.mdx @@ -74,7 +74,7 @@ For documentation: TODO: insert link ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/launch-navigator.mdx b/versioned_docs/version-v5/native/launch-navigator.mdx index a384c735a00..11a8447f165 100644 --- a/versioned_docs/version-v5/native/launch-navigator.mdx +++ b/versioned_docs/version-v5/native/launch-navigator.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: uk.co.workingedge.phonegap.plugin.launchnavigator. For ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/launch-review.mdx b/versioned_docs/version-v5/native/launch-review.mdx index 9877914e443..629b8e77ad9 100644 --- a/versioned_docs/version-v5/native/launch-review.mdx +++ b/versioned_docs/version-v5/native/launch-review.mdx @@ -72,7 +72,7 @@ Assists in leaving user reviews/ratings in the App Stores. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/line-login.mdx b/versioned_docs/version-v5/native/line-login.mdx index 1fe09c04178..7c6cbc2ad13 100644 --- a/versioned_docs/version-v5/native/line-login.mdx +++ b/versioned_docs/version-v5/native/line-login.mdx @@ -70,7 +70,7 @@ The function login, logs out, acquires, verifies, and refreshes the access token ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/local-notifications.mdx b/versioned_docs/version-v5/native/local-notifications.mdx index 01767dd661d..82613baad49 100644 --- a/versioned_docs/version-v5/native/local-notifications.mdx +++ b/versioned_docs/version-v5/native/local-notifications.mdx @@ -73,7 +73,7 @@ This plugin allows you to display local notifications on the device ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/location-accuracy.mdx b/versioned_docs/version-v5/native/location-accuracy.mdx index 8fc8a83c460..3b8ef2adb65 100644 --- a/versioned_docs/version-v5/native/location-accuracy.mdx +++ b/versioned_docs/version-v5/native/location-accuracy.mdx @@ -70,7 +70,7 @@ This Cordova/Phonegap plugin for Android and iOS to request enabling/changing of ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/lottie-splash-screen.mdx b/versioned_docs/version-v5/native/lottie-splash-screen.mdx index 7349ec5ca64..28e6486c18d 100644 --- a/versioned_docs/version-v5/native/lottie-splash-screen.mdx +++ b/versioned_docs/version-v5/native/lottie-splash-screen.mdx @@ -70,7 +70,7 @@ Cordova plugin to show bodymovin/Lottie animations as the splash screen with Air ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/media-capture.mdx b/versioned_docs/version-v5/native/media-capture.mdx index 62085c70145..58bb68cf8fd 100644 --- a/versioned_docs/version-v5/native/media-capture.mdx +++ b/versioned_docs/version-v5/native/media-capture.mdx @@ -74,7 +74,7 @@ Requires Cordova plugin: `cordova-plugin-media-capture`. For more info, please s ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/media.mdx b/versioned_docs/version-v5/native/media.mdx index c6a0f1aa08d..e1e3fafff39 100644 --- a/versioned_docs/version-v5/native/media.mdx +++ b/versioned_docs/version-v5/native/media.mdx @@ -70,7 +70,7 @@ This plugin provides the ability to record and play back audio files on a device ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/metrix.mdx b/versioned_docs/version-v5/native/metrix.mdx index 88665cc8b26..dec157af897 100644 --- a/versioned_docs/version-v5/native/metrix.mdx +++ b/versioned_docs/version-v5/native/metrix.mdx @@ -69,7 +69,7 @@ Requires Cordova plugin: `ir.metrix.sdk`. For more info, please see the [Metrix ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/mixpanel.mdx b/versioned_docs/version-v5/native/mixpanel.mdx index 258969fd1bc..93d41ce1b10 100644 --- a/versioned_docs/version-v5/native/mixpanel.mdx +++ b/versioned_docs/version-v5/native/mixpanel.mdx @@ -69,7 +69,7 @@ Cordova Plugin that wraps Mixpanel SDK for Android and iOS ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/mlkit-translate.mdx b/versioned_docs/version-v5/native/mlkit-translate.mdx index ad87e8d07b1..8f8a62ea0cd 100644 --- a/versioned_docs/version-v5/native/mlkit-translate.mdx +++ b/versioned_docs/version-v5/native/mlkit-translate.mdx @@ -70,7 +70,7 @@ Plugin that implements MLKit Translation and Language Identification features. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/mobile-messaging.mdx b/versioned_docs/version-v5/native/mobile-messaging.mdx index 47ad73602c8..4770742e430 100644 --- a/versioned_docs/version-v5/native/mobile-messaging.mdx +++ b/versioned_docs/version-v5/native/mobile-messaging.mdx @@ -74,7 +74,7 @@ For more info see [Cordova plugin docs](https://github.com/infobip/mobile-messag ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/multiple-document-picker.mdx b/versioned_docs/version-v5/native/multiple-document-picker.mdx index b0b6a9f4d7c..0d87d31f6da 100644 --- a/versioned_docs/version-v5/native/multiple-document-picker.mdx +++ b/versioned_docs/version-v5/native/multiple-document-picker.mdx @@ -70,7 +70,7 @@ This plugin allows users to pick multiple documents/images at once ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/music-controls.mdx b/versioned_docs/version-v5/native/music-controls.mdx index 1c6c6bdd29f..b52e611dd6b 100644 --- a/versioned_docs/version-v5/native/music-controls.mdx +++ b/versioned_docs/version-v5/native/music-controls.mdx @@ -77,7 +77,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/native-audio.mdx b/versioned_docs/version-v5/native/native-audio.mdx index fd6ad275f70..d25ab236421 100644 --- a/versioned_docs/version-v5/native/native-audio.mdx +++ b/versioned_docs/version-v5/native/native-audio.mdx @@ -71,7 +71,7 @@ Native Audio Playback ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/native-geocoder.mdx b/versioned_docs/version-v5/native/native-geocoder.mdx index 90439573449..f82b7713bc5 100644 --- a/versioned_docs/version-v5/native/native-geocoder.mdx +++ b/versioned_docs/version-v5/native/native-geocoder.mdx @@ -70,7 +70,7 @@ Cordova plugin for native forward and reverse geocoding ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/native-keyboard.mdx b/versioned_docs/version-v5/native/native-keyboard.mdx index afa74683b6a..dbb5e9e3b97 100644 --- a/versioned_docs/version-v5/native/native-keyboard.mdx +++ b/versioned_docs/version-v5/native/native-keyboard.mdx @@ -70,7 +70,7 @@ A cross platform WhatsApp / Messenger / Slack -style keyboard even. For your Cor ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/native-page-transitions.mdx b/versioned_docs/version-v5/native/native-page-transitions.mdx index 6bc09cdb8ac..ac3e88da7f4 100644 --- a/versioned_docs/version-v5/native/native-page-transitions.mdx +++ b/versioned_docs/version-v5/native/native-page-transitions.mdx @@ -71,7 +71,7 @@ The Native Page Transitions plugin uses native hardware acceleration to animate ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/native-storage.mdx b/versioned_docs/version-v5/native/native-storage.mdx index e5d940242b6..13990682a64 100644 --- a/versioned_docs/version-v5/native/native-storage.mdx +++ b/versioned_docs/version-v5/native/native-storage.mdx @@ -75,7 +75,7 @@ Native storage of variables in Android and iOS ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/network-interface.mdx b/versioned_docs/version-v5/native/network-interface.mdx index 940338b2ab7..1c37cb06d39 100644 --- a/versioned_docs/version-v5/native/network-interface.mdx +++ b/versioned_docs/version-v5/native/network-interface.mdx @@ -74,7 +74,7 @@ Network interface information plugin for Cordova/PhoneGap that supports Android, ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/network.mdx b/versioned_docs/version-v5/native/network.mdx index c25a0813951..d65aa2b0d3f 100644 --- a/versioned_docs/version-v5/native/network.mdx +++ b/versioned_docs/version-v5/native/network.mdx @@ -75,7 +75,7 @@ Requires Cordova plugin: cordova-plugin-network-information. For more info, plea ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/nfc.mdx b/versioned_docs/version-v5/native/nfc.mdx index 799489b6452..cea0e81a90b 100644 --- a/versioned_docs/version-v5/native/nfc.mdx +++ b/versioned_docs/version-v5/native/nfc.mdx @@ -78,7 +78,7 @@ This plugin uses NDEF (NFC Data Exchange Format) for maximum compatibilty betwee ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/ocr.mdx b/versioned_docs/version-v5/native/ocr.mdx index f648df386dd..6f980341035 100644 --- a/versioned_docs/version-v5/native/ocr.mdx +++ b/versioned_docs/version-v5/native/ocr.mdx @@ -71,7 +71,7 @@ For more info, please see the following Github issue [Google Mobile Vision relyi ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/onesignal.mdx b/versioned_docs/version-v5/native/onesignal.mdx index bd9e6586f67..51910f6c789 100644 --- a/versioned_docs/version-v5/native/onesignal.mdx +++ b/versioned_docs/version-v5/native/onesignal.mdx @@ -141,7 +141,7 @@ module.exports = function(context) { ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/open-native-settings.mdx b/versioned_docs/version-v5/native/open-native-settings.mdx index 82db03f4c8e..832f8919252 100644 --- a/versioned_docs/version-v5/native/open-native-settings.mdx +++ b/versioned_docs/version-v5/native/open-native-settings.mdx @@ -70,7 +70,7 @@ Plugin to open native screens of iOS/android settings ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/openalpr.mdx b/versioned_docs/version-v5/native/openalpr.mdx index 6ad4fb2025f..2564a30d15f 100644 --- a/versioned_docs/version-v5/native/openalpr.mdx +++ b/versioned_docs/version-v5/native/openalpr.mdx @@ -68,7 +68,7 @@ This Cordova plugin adds support for the OpenALPR (Automatic License Plate Recog ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/pdf-generator.mdx b/versioned_docs/version-v5/native/pdf-generator.mdx index 107ed720bb8..12604e10409 100644 --- a/versioned_docs/version-v5/native/pdf-generator.mdx +++ b/versioned_docs/version-v5/native/pdf-generator.mdx @@ -69,7 +69,7 @@ Simple plugin to generate (offline) pdf. The plugin transforms HTML to PDF and a ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/photo-library.mdx b/versioned_docs/version-v5/native/photo-library.mdx index b9a37450967..8a85ef97a65 100644 --- a/versioned_docs/version-v5/native/photo-library.mdx +++ b/versioned_docs/version-v5/native/photo-library.mdx @@ -73,7 +73,7 @@ cdvphotolibrary urls should be trusted by Angular. See plugin homepage to learn ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/photo-viewer.mdx b/versioned_docs/version-v5/native/photo-viewer.mdx index 413c354e904..d68361ba6de 100644 --- a/versioned_docs/version-v5/native/photo-viewer.mdx +++ b/versioned_docs/version-v5/native/photo-viewer.mdx @@ -70,7 +70,7 @@ This plugin can display your image in full screen with the ability to pan, zoom, ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/printer.mdx b/versioned_docs/version-v5/native/printer.mdx index 8a256bc2939..d3ac964842f 100644 --- a/versioned_docs/version-v5/native/printer.mdx +++ b/versioned_docs/version-v5/native/printer.mdx @@ -69,7 +69,7 @@ Prints documents or HTML rendered content ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/pspdfkit-cordova.mdx b/versioned_docs/version-v5/native/pspdfkit-cordova.mdx index bd3c4882691..c1ac5f052c7 100644 --- a/versioned_docs/version-v5/native/pspdfkit-cordova.mdx +++ b/versioned_docs/version-v5/native/pspdfkit-cordova.mdx @@ -69,7 +69,7 @@ The official plugin to use PSPDFKit with Cordova and Ionic. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/purchases.mdx b/versioned_docs/version-v5/native/purchases.mdx index e7288c19a1c..01af5df5959 100644 --- a/versioned_docs/version-v5/native/purchases.mdx +++ b/versioned_docs/version-v5/native/purchases.mdx @@ -88,7 +88,7 @@ For more detailed information, you can view our complete documentation at [docs. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/push.mdx b/versioned_docs/version-v5/native/push.mdx index de211458bcc..7f41642bf7c 100644 --- a/versioned_docs/version-v5/native/push.mdx +++ b/versioned_docs/version-v5/native/push.mdx @@ -76,7 +76,7 @@ For TypeScript users, see the [Push plugin docs about using TypeScript for custo ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/pushape-push.mdx b/versioned_docs/version-v5/native/pushape-push.mdx index c395223022e..59d5f94c65e 100644 --- a/versioned_docs/version-v5/native/pushape-push.mdx +++ b/versioned_docs/version-v5/native/pushape-push.mdx @@ -77,7 +77,7 @@ For TypeScript users, see the [Pushape plugin docs about using TypeScript for cu ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/safari-view-controller.mdx b/versioned_docs/version-v5/native/safari-view-controller.mdx index 06f56ce773a..97cd91c8aba 100644 --- a/versioned_docs/version-v5/native/safari-view-controller.mdx +++ b/versioned_docs/version-v5/native/safari-view-controller.mdx @@ -72,7 +72,7 @@ Requires Cordova plugin: `cordova-plugin-safariviewcontroller`. For more info, p ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/screen-orientation.mdx b/versioned_docs/version-v5/native/screen-orientation.mdx index 52d5a8edb88..3fb0c37a78e 100644 --- a/versioned_docs/version-v5/native/screen-orientation.mdx +++ b/versioned_docs/version-v5/native/screen-orientation.mdx @@ -73,7 +73,7 @@ Requires Cordova plugin: `cordova-plugin-screen-orientation`. For more info, ple ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/service-discovery.mdx b/versioned_docs/version-v5/native/service-discovery.mdx index 7918888ab78..938a1f0cf8f 100644 --- a/versioned_docs/version-v5/native/service-discovery.mdx +++ b/versioned_docs/version-v5/native/service-discovery.mdx @@ -70,7 +70,7 @@ Simple plugin to get any SSDP / UPnP / DLNA service on a local network ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/shake.mdx b/versioned_docs/version-v5/native/shake.mdx index f671de5d8fc..707912d3f44 100644 --- a/versioned_docs/version-v5/native/shake.mdx +++ b/versioned_docs/version-v5/native/shake.mdx @@ -67,7 +67,7 @@ Handles shake gesture ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sign-in-with-apple.mdx b/versioned_docs/version-v5/native/sign-in-with-apple.mdx index aa9f1d12d0f..d60e48c333d 100644 --- a/versioned_docs/version-v5/native/sign-in-with-apple.mdx +++ b/versioned_docs/version-v5/native/sign-in-with-apple.mdx @@ -74,7 +74,7 @@ _Source:_ https://developer.apple.com/sign-in-with-apple/ ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/smartlook.mdx b/versioned_docs/version-v5/native/smartlook.mdx index a1abfa0206e..72cc0854e72 100644 --- a/versioned_docs/version-v5/native/smartlook.mdx +++ b/versioned_docs/version-v5/native/smartlook.mdx @@ -71,7 +71,7 @@ Full documentation can be found here: https://smartlook.github.io/docs/sdk/ionic ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sms-retriever.mdx b/versioned_docs/version-v5/native/sms-retriever.mdx index 5e587ac7330..550dc0bba41 100644 --- a/versioned_docs/version-v5/native/sms-retriever.mdx +++ b/versioned_docs/version-v5/native/sms-retriever.mdx @@ -70,7 +70,7 @@ This plugin retrives the SMS which arrive without requiring READ permissions. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sms.mdx b/versioned_docs/version-v5/native/sms.mdx index 3f7c413a721..533a924488e 100644 --- a/versioned_docs/version-v5/native/sms.mdx +++ b/versioned_docs/version-v5/native/sms.mdx @@ -70,7 +70,7 @@ Requires Cordova plugin: cordova-sms-plugin. For more info, please see the [SMS ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/social-sharing.mdx b/versioned_docs/version-v5/native/social-sharing.mdx index 68eb9fd500d..7ab1215b196 100644 --- a/versioned_docs/version-v5/native/social-sharing.mdx +++ b/versioned_docs/version-v5/native/social-sharing.mdx @@ -77,7 +77,7 @@ For Browser usage check out the Web Share API docs: https://github.com/EddyVerbr ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/speech-recognition.mdx b/versioned_docs/version-v5/native/speech-recognition.mdx index e7f3b735890..028443c33d5 100644 --- a/versioned_docs/version-v5/native/speech-recognition.mdx +++ b/versioned_docs/version-v5/native/speech-recognition.mdx @@ -70,7 +70,7 @@ This plugin does speech recognition using cloud services ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/spinner-dialog.mdx b/versioned_docs/version-v5/native/spinner-dialog.mdx index 78456f1dcbb..c190ed6f9ad 100644 --- a/versioned_docs/version-v5/native/spinner-dialog.mdx +++ b/versioned_docs/version-v5/native/spinner-dialog.mdx @@ -74,7 +74,7 @@ Requires Cordova plugin: `cordova-plugin-native-spinner`. For more info, please ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/splash-screen.mdx b/versioned_docs/version-v5/native/splash-screen.mdx index ed5fbb83119..051bafa3b22 100644 --- a/versioned_docs/version-v5/native/splash-screen.mdx +++ b/versioned_docs/version-v5/native/splash-screen.mdx @@ -78,7 +78,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/spotify-auth.mdx b/versioned_docs/version-v5/native/spotify-auth.mdx index 832138055b5..c33e982d9c9 100644 --- a/versioned_docs/version-v5/native/spotify-auth.mdx +++ b/versioned_docs/version-v5/native/spotify-auth.mdx @@ -71,7 +71,7 @@ Cordova plugin for authenticating with Spotify ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sqlite-db-copy.mdx b/versioned_docs/version-v5/native/sqlite-db-copy.mdx index 195d00f76de..12e8b559509 100644 --- a/versioned_docs/version-v5/native/sqlite-db-copy.mdx +++ b/versioned_docs/version-v5/native/sqlite-db-copy.mdx @@ -70,7 +70,7 @@ This plugin does something ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sqlite-porter.mdx b/versioned_docs/version-v5/native/sqlite-porter.mdx index b46dcf3cc69..49c41b42b8f 100644 --- a/versioned_docs/version-v5/native/sqlite-porter.mdx +++ b/versioned_docs/version-v5/native/sqlite-porter.mdx @@ -76,7 +76,7 @@ This Cordova/Phonegap plugin can be used to import/export to/from a SQLite datab ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sqlite.mdx b/versioned_docs/version-v5/native/sqlite.mdx index e28752ad5b5..79a0b14f0b3 100644 --- a/versioned_docs/version-v5/native/sqlite.mdx +++ b/versioned_docs/version-v5/native/sqlite.mdx @@ -73,7 +73,7 @@ Access SQLite databases on the device. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/star-prnt.mdx b/versioned_docs/version-v5/native/star-prnt.mdx index b6f89e3e8a7..cd1197aa538 100644 --- a/versioned_docs/version-v5/native/star-prnt.mdx +++ b/versioned_docs/version-v5/native/star-prnt.mdx @@ -69,7 +69,7 @@ import CodeBlock from '@theme/CodeBlock'; ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/status-bar.mdx b/versioned_docs/version-v5/native/status-bar.mdx index 585f957caf0..c3f955e51a8 100644 --- a/versioned_docs/version-v5/native/status-bar.mdx +++ b/versioned_docs/version-v5/native/status-bar.mdx @@ -78,7 +78,7 @@ Not Compatible ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/streaming-media.mdx b/versioned_docs/version-v5/native/streaming-media.mdx index e3d28e2feed..090580cf018 100644 --- a/versioned_docs/version-v5/native/streaming-media.mdx +++ b/versioned_docs/version-v5/native/streaming-media.mdx @@ -71,7 +71,7 @@ This plugin allows you to stream audio and video in a fullscreen, native player ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/stripe.mdx b/versioned_docs/version-v5/native/stripe.mdx index abaf9ee7e09..e4f2fcec226 100644 --- a/versioned_docs/version-v5/native/stripe.mdx +++ b/versioned_docs/version-v5/native/stripe.mdx @@ -69,7 +69,7 @@ A plugin that allows you to use Stripe's Native SDKs for Android and iOS. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/sum-up.mdx b/versioned_docs/version-v5/native/sum-up.mdx index e318ef84c6b..3298dbfc293 100644 --- a/versioned_docs/version-v5/native/sum-up.mdx +++ b/versioned_docs/version-v5/native/sum-up.mdx @@ -68,7 +68,7 @@ Plugin to communicate with a SumUp payment terminal ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/taptic-engine.mdx b/versioned_docs/version-v5/native/taptic-engine.mdx index ee86ecd23d2..dcdfcda74b8 100644 --- a/versioned_docs/version-v5/native/taptic-engine.mdx +++ b/versioned_docs/version-v5/native/taptic-engine.mdx @@ -69,7 +69,7 @@ An Ionic plugin to use Taptic Engine API on iPhone 7, 7 Plus or newer. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/tealium-adidentifier.mdx b/versioned_docs/version-v5/native/tealium-adidentifier.mdx index d08610c1d8a..b5f9a737a16 100644 --- a/versioned_docs/version-v5/native/tealium-adidentifier.mdx +++ b/versioned_docs/version-v5/native/tealium-adidentifier.mdx @@ -71,7 +71,7 @@ Makes the IDFA and Google Ad Identifier available in the Tealium data layer. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/tealium-installreferrer.mdx b/versioned_docs/version-v5/native/tealium-installreferrer.mdx index d9be83679d8..0c07e2fae3d 100644 --- a/versioned_docs/version-v5/native/tealium-installreferrer.mdx +++ b/versioned_docs/version-v5/native/tealium-installreferrer.mdx @@ -70,7 +70,7 @@ Implements a Broadcast Receiver for the INSTALL_REFERRER intent. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/tealium.mdx b/versioned_docs/version-v5/native/tealium.mdx index afb02e4ff6a..321f89f18b6 100644 --- a/versioned_docs/version-v5/native/tealium.mdx +++ b/versioned_docs/version-v5/native/tealium.mdx @@ -70,7 +70,7 @@ For full documentation, see [https://community.tealiumiq.com/t5/Mobile-Libraries ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/theme-detection.mdx b/versioned_docs/version-v5/native/theme-detection.mdx index 4c80836bda0..365c3de4fa1 100644 --- a/versioned_docs/version-v5/native/theme-detection.mdx +++ b/versioned_docs/version-v5/native/theme-detection.mdx @@ -70,7 +70,7 @@ Cordova plugin to detect whether dark mode is enabled or not ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/three-dee-touch.mdx b/versioned_docs/version-v5/native/three-dee-touch.mdx index f34303700e6..b547fefd8a4 100644 --- a/versioned_docs/version-v5/native/three-dee-touch.mdx +++ b/versioned_docs/version-v5/native/three-dee-touch.mdx @@ -71,7 +71,7 @@ Requires Cordova plugin: `cordova-plugin-3dtouch`. For more info, please see the ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/toast.mdx b/versioned_docs/version-v5/native/toast.mdx index 881f22db2cf..c98bd4c92ad 100644 --- a/versioned_docs/version-v5/native/toast.mdx +++ b/versioned_docs/version-v5/native/toast.mdx @@ -73,7 +73,7 @@ Requires Cordova plugin: `cordova-plugin-x-toast`. For more info, please see the ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/touch-id.mdx b/versioned_docs/version-v5/native/touch-id.mdx index ebce241e46a..ba97f8389b2 100644 --- a/versioned_docs/version-v5/native/touch-id.mdx +++ b/versioned_docs/version-v5/native/touch-id.mdx @@ -69,7 +69,7 @@ Requires Cordova plugin: `cordova-plugin-touch-id`. For more info, please see th ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/unvired-cordova-sdk.mdx b/versioned_docs/version-v5/native/unvired-cordova-sdk.mdx index 56a5b875386..2f4ff636ad5 100644 --- a/versioned_docs/version-v5/native/unvired-cordova-sdk.mdx +++ b/versioned_docs/version-v5/native/unvired-cordova-sdk.mdx @@ -81,7 +81,7 @@ pod repo update ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/uptime.mdx b/versioned_docs/version-v5/native/uptime.mdx index ff6c196af25..e144a6bfef4 100644 --- a/versioned_docs/version-v5/native/uptime.mdx +++ b/versioned_docs/version-v5/native/uptime.mdx @@ -68,7 +68,7 @@ This plugin provides the time spent in milliseconds since boot (uptime). ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/urbanairship.mdx b/versioned_docs/version-v5/native/urbanairship.mdx index eecb56d4232..719af7f3fe5 100644 --- a/versioned_docs/version-v5/native/urbanairship.mdx +++ b/versioned_docs/version-v5/native/urbanairship.mdx @@ -69,7 +69,7 @@ This plugin does something ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/usabilla-cordova-sdk.mdx b/versioned_docs/version-v5/native/usabilla-cordova-sdk.mdx index 4a56bb350f8..bd5e6d5d9a9 100644 --- a/versioned_docs/version-v5/native/usabilla-cordova-sdk.mdx +++ b/versioned_docs/version-v5/native/usabilla-cordova-sdk.mdx @@ -73,7 +73,7 @@ For more info see [Cordova plugin docs](https://github.com/usabilla/usabilla-u4a ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/vibes.mdx b/versioned_docs/version-v5/native/vibes.mdx index 90ad45231a7..4add667eb77 100644 --- a/versioned_docs/version-v5/native/vibes.mdx +++ b/versioned_docs/version-v5/native/vibes.mdx @@ -68,7 +68,7 @@ This plugin enables integration with the Vibes Push SDK to your Cordova project ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/vibration.mdx b/versioned_docs/version-v5/native/vibration.mdx index f863c053693..b224be0c558 100644 --- a/versioned_docs/version-v5/native/vibration.mdx +++ b/versioned_docs/version-v5/native/vibration.mdx @@ -70,7 +70,7 @@ Vibrates the device ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/video-editor.mdx b/versioned_docs/version-v5/native/video-editor.mdx index ddfe47114e5..6a633d35793 100644 --- a/versioned_docs/version-v5/native/video-editor.mdx +++ b/versioned_docs/version-v5/native/video-editor.mdx @@ -72,7 +72,7 @@ Edit videos using native device APIs ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/video-player.mdx b/versioned_docs/version-v5/native/video-player.mdx index a3be580e38b..88094ad1ae3 100644 --- a/versioned_docs/version-v5/native/video-player.mdx +++ b/versioned_docs/version-v5/native/video-player.mdx @@ -71,7 +71,7 @@ Requires Cordova plugin: `com.moust.cordova.videoplayer`. For more info, please ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/web-intent.mdx b/versioned_docs/version-v5/native/web-intent.mdx index 4eb61d3d90f..1c289e7a5fc 100644 --- a/versioned_docs/version-v5/native/web-intent.mdx +++ b/versioned_docs/version-v5/native/web-intent.mdx @@ -69,7 +69,7 @@ This Plugin provides a general purpose shim layer for the Android intent mechani ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/web-server.mdx b/versioned_docs/version-v5/native/web-server.mdx index 4d1f1b9533b..f50bcfe1f12 100644 --- a/versioned_docs/version-v5/native/web-server.mdx +++ b/versioned_docs/version-v5/native/web-server.mdx @@ -69,7 +69,7 @@ This plugin allows you to start a local dynamic content web server for android a ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/web-socket-server.mdx b/versioned_docs/version-v5/native/web-socket-server.mdx index 4f818669a5f..36b89366142 100644 --- a/versioned_docs/version-v5/native/web-socket-server.mdx +++ b/versioned_docs/version-v5/native/web-socket-server.mdx @@ -70,7 +70,7 @@ This plugin allows you to run a single, lightweight, barebone WebSocket Server. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/webengage.mdx b/versioned_docs/version-v5/native/webengage.mdx index 3b0fe5af85f..33dc89a8f4f 100644 --- a/versioned_docs/version-v5/native/webengage.mdx +++ b/versioned_docs/version-v5/native/webengage.mdx @@ -69,7 +69,7 @@ Ionic-Native wrapper that wraps Webengage Cordova plugin for Android and iOS ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/wechat.mdx b/versioned_docs/version-v5/native/wechat.mdx index 4a16a0ff5ec..a93a77f3c69 100644 --- a/versioned_docs/version-v5/native/wechat.mdx +++ b/versioned_docs/version-v5/native/wechat.mdx @@ -68,7 +68,7 @@ A cordova plugin, a JS version of Wechat SDK ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/wheel-selector.mdx b/versioned_docs/version-v5/native/wheel-selector.mdx index a9e125f147f..a2311f0eac0 100644 --- a/versioned_docs/version-v5/native/wheel-selector.mdx +++ b/versioned_docs/version-v5/native/wheel-selector.mdx @@ -70,7 +70,7 @@ Native wheel selector for Cordova (Android/iOS). ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/wifi-wizard-2.mdx b/versioned_docs/version-v5/native/wifi-wizard-2.mdx index 575bc03482f..b098f1e9ec9 100644 --- a/versioned_docs/version-v5/native/wifi-wizard-2.mdx +++ b/versioned_docs/version-v5/native/wifi-wizard-2.mdx @@ -72,7 +72,7 @@ This project is a fork of the WifiWizard plugin with fixes and updates, as well ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/wonderpush.mdx b/versioned_docs/version-v5/native/wonderpush.mdx index e0df24ba1a3..b8cb982759e 100644 --- a/versioned_docs/version-v5/native/wonderpush.mdx +++ b/versioned_docs/version-v5/native/wonderpush.mdx @@ -78,7 +78,7 @@ to retain your users and grow your audience while remaining fully GDPR compliant ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/youtube-video-player.mdx b/versioned_docs/version-v5/native/youtube-video-player.mdx index 7f4fdda4731..07aa545645e 100644 --- a/versioned_docs/version-v5/native/youtube-video-player.mdx +++ b/versioned_docs/version-v5/native/youtube-video-player.mdx @@ -70,7 +70,7 @@ Plays YouTube videos in Native YouTube App ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/zbar.mdx b/versioned_docs/version-v5/native/zbar.mdx index 345e75b2038..f3a41a17f68 100644 --- a/versioned_docs/version-v5/native/zbar.mdx +++ b/versioned_docs/version-v5/native/zbar.mdx @@ -70,7 +70,7 @@ Requires Cordova plugin: `cordova-plugin-cszbar`. For more info, please see the ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/zeroconf.mdx b/versioned_docs/version-v5/native/zeroconf.mdx index d81faca0dbe..9156f59e91d 100644 --- a/versioned_docs/version-v5/native/zeroconf.mdx +++ b/versioned_docs/version-v5/native/zeroconf.mdx @@ -68,7 +68,7 @@ This plugin allows you to browse and publish Zeroconf/Bonjour/mDNS services. ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/native/zoom.mdx b/versioned_docs/version-v5/native/zoom.mdx index bb41d3c0e31..f1b8b7b83a6 100644 --- a/versioned_docs/version-v5/native/zoom.mdx +++ b/versioned_docs/version-v5/native/zoom.mdx @@ -68,7 +68,7 @@ A Cordova plugin to use Zoom Video Conferencing services on Cordova applications ### React -[Learn more about using Ionic Native components in React](../native-community.md#react) +[Learn more about using Ionic Native components in React](../native-community.mdx#react) ### Angular diff --git a/versioned_docs/version-v5/react.md b/versioned_docs/version-v5/react.mdx similarity index 100% rename from versioned_docs/version-v5/react.md rename to versioned_docs/version-v5/react.mdx diff --git a/versioned_docs/version-v5/react/your-first-app.mdx b/versioned_docs/version-v5/react/your-first-app.mdx index b6528ff1145..a95086d4870 100644 --- a/versioned_docs/version-v5/react/your-first-app.mdx +++ b/versioned_docs/version-v5/react/your-first-app.mdx @@ -57,7 +57,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v5/reference/browser-support.mdx b/versioned_docs/version-v5/reference/browser-support.mdx index c4894f28f7a..88f1d5e1f0f 100644 --- a/versioned_docs/version-v5/reference/browser-support.mdx +++ b/versioned_docs/version-v5/reference/browser-support.mdx @@ -4,7 +4,7 @@ Ionic's earliest goal was to make it easy to develop mobile apps using web techn ## Mobile Browsers -In pursuit of [adaptive styling](../core-concepts/fundamentals.md#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: +In pursuit of [adaptive styling](../core-concepts/fundamentals.mdx#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: | Framework | Android | iOS | | :-------: | :-----: | :---: | @@ -17,7 +17,7 @@ Check the [latest Android stats](https://developer.android.com/about/dashboards/ ## Desktop Browsers -Because Ionic is based on web technologies, it works just as well on desktop browsers as it does on mobile devices. For more information on desktop layouts, see [Cross Platform](../core-concepts/cross-platform.md#desktop). +Because Ionic is based on web technologies, it works just as well on desktop browsers as it does on mobile devices. For more information on desktop layouts, see [Cross Platform](../core-concepts/cross-platform.mdx#desktop). | Browser | Ionic v5 | Ionic V4 | | :---------: | :------: | :------: | diff --git a/versioned_docs/version-v5/reference/support.mdx b/versioned_docs/version-v5/reference/support.mdx index 6e83f33d96f..321e705718b 100644 --- a/versioned_docs/version-v5/reference/support.mdx +++ b/versioned_docs/version-v5/reference/support.mdx @@ -76,4 +76,4 @@ The Ionic team has compiled a set of recommendations for using the Ionic Framewo | V3 | Not currently supported | @awesome-cordova-plugins 4.X | - Wrappers (and their associated plugins) are community maintained. -- \*Cordova plugin support with Ionic Native and `@ionic/react` can be achieved using the [vanilla JavaScript implementation](../native.md#vanilla-javascript) +- \*Cordova plugin support with Ionic Native and `@ionic/react` can be achieved using the [vanilla JavaScript implementation](../native.mdx#vanilla-javascript) diff --git a/versioned_docs/version-v5/theming/advanced.mdx b/versioned_docs/version-v5/theming/advanced.mdx index 16c9460666b..f0ba44e493b 100644 --- a/versioned_docs/version-v5/theming/advanced.mdx +++ b/versioned_docs/version-v5/theming/advanced.mdx @@ -15,14 +15,14 @@ While the application and stepped variables in the themes section are useful for ### Application Variables -| Name | Description | -| ------------------------- | ------------------------------------------------------------------------------------------ | -| `--ion-font-family` | Font family of the app | -| `--ion-statusbar-padding` | Statusbar padding top of the app | -| `--ion-safe-area-top` | Adjust the safe area inset top of the app | -| `--ion-safe-area-right` | Adjust the safe area inset right of the app | -| `--ion-safe-area-bottom` | Adjust the safe area inset bottom of the app | -| `--ion-safe-area-left` | Adjust the safe area inset left of the app | +| Name | Description | +| ------------------------- | ------------------------------------------------------------------------------------------- | +| `--ion-font-family` | Font family of the app | +| `--ion-statusbar-padding` | Statusbar padding top of the app | +| `--ion-safe-area-top` | Adjust the safe area inset top of the app | +| `--ion-safe-area-right` | Adjust the safe area inset right of the app | +| `--ion-safe-area-bottom` | Adjust the safe area inset bottom of the app | +| `--ion-safe-area-left` | Adjust the safe area inset left of the app | | `--ion-margin` | Adjust the margin of the [Margin attributes](../layout/css-utilities.mdx#element-margin) | | `--ion-padding` | Adjust the padding of the [Padding attributes](../layout/css-utilities.mdx#element-padding) | diff --git a/versioned_docs/version-v5/theming/css-shadow-parts.mdx b/versioned_docs/version-v5/theming/css-shadow-parts.mdx index fe2c075c8cb..69f6419a44b 100644 --- a/versioned_docs/version-v5/theming/css-shadow-parts.mdx +++ b/versioned_docs/version-v5/theming/css-shadow-parts.mdx @@ -93,7 +93,7 @@ There are some known limitations with [vendor prefixed pseudo-elements](#vendor- ## Ionic Framework Parts -All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.md). +All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.mdx). In order to have parts a component must meet the following criteria: diff --git a/versioned_docs/version-v5/theming/dark-mode.mdx b/versioned_docs/version-v5/theming/dark-mode.mdx index 6351385d714..363c1ab25c3 100644 --- a/versioned_docs/version-v5/theming/dark-mode.mdx +++ b/versioned_docs/version-v5/theming/dark-mode.mdx @@ -138,7 +138,7 @@ color-scheme: light dark; For more information regarding `color-scheme` please see https://web.dev/color-scheme/. :::note -`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.md#dark-mode). +`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.mdx#dark-mode). ::: ## Ionic Dark Theme diff --git a/versioned_docs/version-v5/troubleshooting/debugging.mdx b/versioned_docs/version-v5/troubleshooting/debugging.mdx index 59991f3f326..51a1ce73a19 100644 --- a/versioned_docs/version-v5/troubleshooting/debugging.mdx +++ b/versioned_docs/version-v5/troubleshooting/debugging.mdx @@ -11,7 +11,7 @@ ## Live Reload -Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.md). +Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.mdx). ## iOS and Safari diff --git a/versioned_docs/version-v5/troubleshooting/native.mdx b/versioned_docs/version-v5/troubleshooting/native.mdx index badfea21a5f..5e9e8a63437 100644 --- a/versioned_docs/version-v5/troubleshooting/native.mdx +++ b/versioned_docs/version-v5/troubleshooting/native.mdx @@ -17,25 +17,25 @@ Running an app on an iOS device requires a provisioning profile. If a provisioni {/* prettier-ignore */} 2. Open the project in Xcode. - For Capacitor, run the following to open the app in Xcode: +For Capacitor, run the following to open the app in Xcode: - ```shell - $ ionic capacitor open ios - ``` +```shell +$ ionic capacitor open ios +``` - For Cordova, open Xcode. Use **File** » **Open** and locate the app. Open the app's `platforms/ios` directory. +For Cordova, open Xcode. Use **File** » **Open** and locate the app. Open the app's `platforms/ios` directory. {/* prettier-ignore */} 3. In Project navigator, select the project root to open the project editor. Under the **Identity** section, - verify that the Package ID that was set matches the Bundle Identifier. +verify that the Package ID that was set matches the Bundle Identifier. - ![Xcode Identity Setup](/img/running/ios-xcode-identity-setup.png) +![Xcode Identity Setup](/img/running/ios-xcode-identity-setup.png) {/* prettier-ignore */} 4. In the same project editor, under the Signing section, ensure Automatically manage signing is - enabled. Then, select a Development Team. Given a Development Team, Xcode will attempt to automatically prepare provisioning and signing. +enabled. Then, select a Development Team. Given a Development Team, Xcode will attempt to automatically prepare provisioning and signing. - ![Xcode Signing Setup](/img/running/ios-xcode-signing-setup.png) +![Xcode Signing Setup](/img/running/ios-xcode-signing-setup.png) ## Xcode build error 65 @@ -43,7 +43,7 @@ Running an app on an iOS device requires a provisioning profile. If a provisioni Error: Error code 65 for command: xcodebuild with args: -xcconfig,/Users/ionitron/projects/my-project/platforms/ios/cordova/build-debug.xcconfig,-workspace,SC project.xcworkspace,-scheme,SC project,-configuration,Debug,-sdk,iphonesimulator,-destination,platform=iOS Simulator,name=iPhone X,build,CONFIGURATION_BUILD_DIR=/Users/ionitron/projects/my-project/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/Users/ionitron/projects/my-project/platforms/ios/build/sharedpch ``` -This error is an error code from Xcode that can be caused by provisioning issues or outdated cordova dependencies. To fix this error first make sure a provisioning profile has been generated using the above instructions and then try to [run the app from Xcode](../developing/ios.md#running-with-xcode). +This error is an error code from Xcode that can be caused by provisioning issues or outdated cordova dependencies. To fix this error first make sure a provisioning profile has been generated using the above instructions and then try to [run the app from Xcode](../developing/ios.mdx#running-with-xcode). If this does not fix the error then run the following commands: diff --git a/versioned_docs/version-v5/vue/overview.mdx b/versioned_docs/version-v5/vue/overview.mdx index 2bc291bf12a..6f241ed93b9 100644 --- a/versioned_docs/version-v5/vue/overview.mdx +++ b/versioned_docs/version-v5/vue/overview.mdx @@ -21,7 +21,7 @@ Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meani [Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic Vue` web app run natively on iOS, Android, and the web. -While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). +While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.mdx) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). ## From the Community diff --git a/versioned_docs/version-v5/vue/your-first-app.mdx b/versioned_docs/version-v5/vue/your-first-app.mdx index 527b66a2b49..10e48d7559e 100644 --- a/versioned_docs/version-v5/vue/your-first-app.mdx +++ b/versioned_docs/version-v5/vue/your-first-app.mdx @@ -55,7 +55,7 @@ npm install -g @ionic/cli@latest native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v6/angular/your-first-app.mdx b/versioned_docs/version-v6/angular/your-first-app.mdx index 03a3f94fb52..ac4887b526d 100644 --- a/versioned_docs/version-v6/angular/your-first-app.mdx +++ b/versioned_docs/version-v6/angular/your-first-app.mdx @@ -66,7 +66,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/docs/api.md b/versioned_docs/version-v6/api.mdx similarity index 100% rename from docs/api.md rename to versioned_docs/version-v6/api.mdx diff --git a/versioned_docs/version-v6/api/datetime-button.mdx b/versioned_docs/version-v6/api/datetime-button.mdx index 940d9c21624..7d60587a913 100644 --- a/versioned_docs/version-v6/api/datetime-button.mdx +++ b/versioned_docs/version-v6/api/datetime-button.mdx @@ -43,7 +43,7 @@ The localized text on `ion-datetime-button` is determined by the `locale` proper `ion-datetime-button` must be associated with a mounted `ion-datetime` instance. As a result, [Inline Modals](./modal#inline-modals-recommended) and [Inline Popovers](./popover#inline-popovers) with the `keepContentsMounted` property set to `true` must be used. -{/* ## Customization +{/\* ## Customization TODO @@ -53,7 +53,7 @@ TODO ### Theming -TODO */} +TODO \*/} ## Properties diff --git a/versioned_docs/version-v6/api/item.mdx b/versioned_docs/version-v6/api/item.mdx index dff28e7c16f..311cc9797a3 100644 --- a/versioned_docs/version-v6/api/item.mdx +++ b/versioned_docs/version-v6/api/item.mdx @@ -47,7 +47,7 @@ import DetailArrows from '@site/static/usage/v6/item/detail-arrows/index.md'; -{/* TODO add this functionality back as a css variable +{/\* TODO add this functionality back as a css variable This feature is not enabled by default on clickable items for the `md` mode, but it can be enabled by setting the following CSS variable: @@ -55,7 +55,7 @@ This feature is not enabled by default on clickable items for the `md` mode, but --item-detail-push-show: true; ``` -See the [theming documentation](/docs/theming/css-variables.mdx) for more information. */} +See the [theming documentation](/docs/theming/css-variables.mdx) for more information. \*/} ## Item Lines diff --git a/versioned_docs/version-v6/cli.md b/versioned_docs/version-v6/cli.mdx similarity index 98% rename from versioned_docs/version-v6/cli.md rename to versioned_docs/version-v6/cli.mdx index f2ab8411900..6df6d79b237 100644 --- a/versioned_docs/version-v6/cli.md +++ b/versioned_docs/version-v6/cli.mdx @@ -37,7 +37,7 @@ Be sure to run `ionic --help` in your project directory. For some commands, such as `ionic serve`, the help documentation is contextual to the type of your project, e.g. React vs Angular. ::: - +{/* TODO: image? */} ## Architecture diff --git a/versioned_docs/version-v6/components.md b/versioned_docs/version-v6/components.mdx similarity index 98% rename from versioned_docs/version-v6/components.md rename to versioned_docs/version-v6/components.mdx index b461ac5c028..8a863cc6ef4 100644 --- a/versioned_docs/version-v6/components.md +++ b/versioned_docs/version-v6/components.mdx @@ -19,7 +19,7 @@ import DocsCards from '@components/global/DocsCards'; `} -Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. +Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.mdx) for a complete list of each component and sub-component. @@ -41,7 +41,7 @@ Ionic apps are made of high-level building blocks called Components, which allow - + {/* prettier-ignore */}

Cards are a great way to display an important piece of content, and can contain images, buttons, text, and more.

 diff --git a/versioned_docs/version-v6/core-concepts/cross-platform.mdx b/versioned_docs/version-v6/core-concepts/cross-platform.mdx index 8ecfa6b3053..20908327092 100644 --- a/versioned_docs/version-v6/core-concepts/cross-platform.mdx +++ b/versioned_docs/version-v6/core-concepts/cross-platform.mdx @@ -12,7 +12,7 @@ In a native application, it's common to make API calls to communicate with the d ### Ionic Native -[Ionic Native](../native.md) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. +[Ionic Native](../native.mdx) has its own internal logic to detect if it is inside of a native environment. Instead of throwing a runtime error, it will print a warning if it is not a native environment and there are no Cordova plugins available. The app won’t break and it will continue to work, although without the native functionality. ### Platform Detection diff --git a/versioned_docs/version-v6/developing/tips.mdx b/versioned_docs/version-v6/developing/tips.mdx index 2adf19ea58d..8368bb7275f 100644 --- a/versioned_docs/version-v6/developing/tips.mdx +++ b/versioned_docs/version-v6/developing/tips.mdx @@ -132,7 +132,7 @@ The iOS simulator enables testing and debugging of an app before it reaches an a Before it can be used, [Xcode](https://developer.apple.com/xcode/download/), Apple's IDE, must be installed. -The [Ionic CLI](../cli.md) can then be used to run the app in the current directory on the simulator: +The [Ionic CLI](../cli.mdx) can then be used to run the app in the current directory on the simulator: ```shell ionic cordova emulate ios -lc diff --git a/versioned_docs/version-v6/index.md b/versioned_docs/version-v6/index.mdx similarity index 99% rename from versioned_docs/version-v6/index.md rename to versioned_docs/version-v6/index.mdx index 13ff4b889a9..ae3b35ad9ed 100644 --- a/versioned_docs/version-v6/index.md +++ b/versioned_docs/version-v6/index.mdx @@ -139,7 +139,7 @@ Ionic is actively developed and maintained full-time by a core team, and its eco There are millions of Ionic developers in over 200 countries worldwide. Here are some ways to join: - +{/* prettier-ignore */} - Forum: A great place for asking questions and sharing ideas. - Twitter: Where we post updates and share content from the Ionic community. - GitHub: For reporting bugs or requesting new features, create an issue here. PRs welcome! diff --git a/versioned_docs/version-v6/intro/cli.mdx b/versioned_docs/version-v6/intro/cli.mdx index d2782c40f27..4c4ce8b6d33 100644 --- a/versioned_docs/version-v6/intro/cli.mdx +++ b/versioned_docs/version-v6/intro/cli.mdx @@ -37,7 +37,7 @@ $ npm install -g @ionic/cli :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Start an App @@ -50,7 +50,7 @@ ionic start ![start app thumbnails](/img/installation/start-app-thumbnails.png) -To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.md). +To learn more about starting Ionic apps, see the [Starting Guide](../developing/starting.mdx). ## Run the App @@ -61,4 +61,4 @@ $ cd myApp $ ionic serve ``` -There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.md). +There are a number of other ways to run an app, it's recommended to start with this workflow. To develop and test apps on devices and emulators, see the [Running an App Guide](../developing/previewing.mdx). diff --git a/versioned_docs/version-v6/intro/environment.mdx b/versioned_docs/version-v6/intro/environment.mdx index ce34f960a7c..d1f118bc5a7 100644 --- a/versioned_docs/version-v6/intro/environment.mdx +++ b/versioned_docs/version-v6/intro/environment.mdx @@ -41,7 +41,7 @@ $ npm --version ``` :::note -Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors). +Permission errors are common on macOS when installing global packages with `npm`. If you get an `EACCES` error, see [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors). ::: ## Git diff --git a/versioned_docs/version-v6/native-faq.md b/versioned_docs/version-v6/native-faq.mdx similarity index 100% rename from versioned_docs/version-v6/native-faq.md rename to versioned_docs/version-v6/native-faq.mdx diff --git a/versioned_docs/version-v6/native-setup.md b/versioned_docs/version-v6/native-setup.mdx similarity index 100% rename from versioned_docs/version-v6/native-setup.md rename to versioned_docs/version-v6/native-setup.mdx diff --git a/versioned_docs/version-v6/native.md b/versioned_docs/version-v6/native.mdx similarity index 100% rename from versioned_docs/version-v6/native.md rename to versioned_docs/version-v6/native.mdx diff --git a/versioned_docs/version-v6/react.md b/versioned_docs/version-v6/react.mdx similarity index 100% rename from versioned_docs/version-v6/react.md rename to versioned_docs/version-v6/react.mdx diff --git a/versioned_docs/version-v6/react/navigation.mdx b/versioned_docs/version-v6/react/navigation.mdx index 7542cb07e15..857af5934a8 100644 --- a/versioned_docs/version-v6/react/navigation.mdx +++ b/versioned_docs/version-v6/react/navigation.mdx @@ -588,8 +588,8 @@ For more info on routing in React using React Router, check out their docs at [h ## From the Community - +{/* cspell:disable */} [Ionic 4 and React: Navigation](https://alligator.io/ionic/ionic-4-react-navigation) - Paul Halliday - +{/* cspell:enable */} diff --git a/versioned_docs/version-v6/react/your-first-app.mdx b/versioned_docs/version-v6/react/your-first-app.mdx index 21e575e0908..b1329fb8956 100644 --- a/versioned_docs/version-v6/react/your-first-app.mdx +++ b/versioned_docs/version-v6/react/your-first-app.mdx @@ -62,7 +62,7 @@ npm install -g @ionic/cli native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v6/reference/browser-support.mdx b/versioned_docs/version-v6/reference/browser-support.mdx index 4d669d939e1..6fc727cbdee 100644 --- a/versioned_docs/version-v6/reference/browser-support.mdx +++ b/versioned_docs/version-v6/reference/browser-support.mdx @@ -14,7 +14,7 @@ Ionic's earliest goal was to make it easy to develop mobile apps using web techn ## Mobile Browsers -In pursuit of [adaptive styling](../core-concepts/fundamentals.md#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: +In pursuit of [adaptive styling](../core-concepts/fundamentals.mdx#adaptive-styling), Ionic fully supports and is well tested on the mobile platforms listed below: | Framework | Android | iOS | | :-------: | :--------------------: | :---: | @@ -40,7 +40,7 @@ Angular's support policy for iOS is the two most recent major versions. At the t ## Desktop Browsers -Because Ionic is based on web technologies, it works just as well on desktop browsers as it does on mobile devices. For more information on desktop layouts, see [Cross Platform](../core-concepts/cross-platform.md#desktop). +Because Ionic is based on web technologies, it works just as well on desktop browsers as it does on mobile devices. For more information on desktop layouts, see [Cross Platform](../core-concepts/cross-platform.mdx#desktop). | Browser | Ionic v6 | Ionic v5 | Ionic v4 | | :---------: | :------: | :------: | :------: | diff --git a/versioned_docs/version-v6/reference/support.mdx b/versioned_docs/version-v6/reference/support.mdx index 9f36b32d513..634937d33eb 100644 --- a/versioned_docs/version-v6/reference/support.mdx +++ b/versioned_docs/version-v6/reference/support.mdx @@ -102,4 +102,4 @@ The Ionic team has compiled a set of recommendations for using the Ionic Framewo | V3 | Not currently supported | @awesome-cordova-plugins 4.X | - Wrappers (and their associated plugins) are community maintained. -- \*Cordova plugin support with Ionic Native and `@ionic/react` can be achieved using the [vanilla JavaScript implementation](../native.md#vanilla-javascript) +- \*Cordova plugin support with Ionic Native and `@ionic/react` can be achieved using the [vanilla JavaScript implementation](../native.mdx#vanilla-javascript) diff --git a/versioned_docs/version-v6/theming/advanced.mdx b/versioned_docs/version-v6/theming/advanced.mdx index d6775a1d3e3..95993856a2b 100644 --- a/versioned_docs/version-v6/theming/advanced.mdx +++ b/versioned_docs/version-v6/theming/advanced.mdx @@ -54,14 +54,14 @@ While the application and stepped variables in the themes section are useful for ### Application Variables -| Name | Description | -| ------------------------- | ------------------------------------------------------------------------------------------ | -| `--ion-font-family` | Font family of the app | -| `--ion-statusbar-padding` | Statusbar padding top of the app | -| `--ion-safe-area-top` | Adjust the safe area inset top of the app | -| `--ion-safe-area-right` | Adjust the safe area inset right of the app | -| `--ion-safe-area-bottom` | Adjust the safe area inset bottom of the app | -| `--ion-safe-area-left` | Adjust the safe area inset left of the app | +| Name | Description | +| ------------------------- | ------------------------------------------------------------------------------------------- | +| `--ion-font-family` | Font family of the app | +| `--ion-statusbar-padding` | Statusbar padding top of the app | +| `--ion-safe-area-top` | Adjust the safe area inset top of the app | +| `--ion-safe-area-right` | Adjust the safe area inset right of the app | +| `--ion-safe-area-bottom` | Adjust the safe area inset bottom of the app | +| `--ion-safe-area-left` | Adjust the safe area inset left of the app | | `--ion-margin` | Adjust the margin of the [Margin attributes](../layout/css-utilities.mdx#element-margin) | | `--ion-padding` | Adjust the padding of the [Padding attributes](../layout/css-utilities.mdx#element-padding) | diff --git a/versioned_docs/version-v6/theming/css-shadow-parts.mdx b/versioned_docs/version-v6/theming/css-shadow-parts.mdx index 74ce9fe2fa4..dbc8c13af5c 100644 --- a/versioned_docs/version-v6/theming/css-shadow-parts.mdx +++ b/versioned_docs/version-v6/theming/css-shadow-parts.mdx @@ -103,7 +103,7 @@ There are some known limitations with [vendor prefixed pseudo-elements](#vendor- ## Ionic Framework Parts -All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.md). +All exposed parts for an Ionic Framework component can be found under the CSS Shadow Parts heading on its API page. To view all components and their API pages, see the [Component documentation](../components.mdx). In order to have parts a component must meet the following criteria: diff --git a/versioned_docs/version-v6/theming/dark-mode.mdx b/versioned_docs/version-v6/theming/dark-mode.mdx index 847bef0aa26..06d641ab02a 100644 --- a/versioned_docs/version-v6/theming/dark-mode.mdx +++ b/versioned_docs/version-v6/theming/dark-mode.mdx @@ -144,7 +144,7 @@ color-scheme: light dark; For more information regarding `color-scheme` please see https://web.dev/color-scheme/. :::note -`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.md#dark-mode). +`color-scheme` does not apply to the keyboard. For details on how dark mode works with the keyboard, see [Keyboard Documentation](../developing/keyboard.mdx#dark-mode). ::: :::note diff --git a/versioned_docs/version-v6/theming/platform-styles.mdx b/versioned_docs/version-v6/theming/platform-styles.mdx index 8fc612833fa..e58a1be4579 100644 --- a/versioned_docs/version-v6/theming/platform-styles.mdx +++ b/versioned_docs/version-v6/theming/platform-styles.mdx @@ -14,7 +14,7 @@ Ionic provides platform specific styles based on the device the application is r ## Ionic Modes -Ionic uses **modes** to customize the look of components. Each **platform** has a default **mode**, but this can be overridden through the global [config](../developing/config.md). The following chart displays the default **mode** that is added to each **platform**: +Ionic uses **modes** to customize the look of components. Each **platform** has a default **mode**, but this can be overridden through the global [config](../developing/config.mdx). The following chart displays the default **mode** that is added to each **platform**: | Platform | Mode | Description | | --------- | ----- | -------------------------------------------------------------------------------------------------------------------------------- | @@ -28,7 +28,7 @@ For example, an app being viewed on an Android platform will use the `md` (Mater ``` -_Note: The **platform** and the **mode** are not the same. The platform can be set to use any mode in the [config](../developing/config.md) of an app._ +_Note: The **platform** and the **mode** are not the same. The platform can be set to use any mode in the [config](../developing/config.mdx) of an app._ ## Overriding Mode Styles diff --git a/versioned_docs/version-v6/troubleshooting/debugging.mdx b/versioned_docs/version-v6/troubleshooting/debugging.mdx index 166df54308e..9089c26eb2e 100644 --- a/versioned_docs/version-v6/troubleshooting/debugging.mdx +++ b/versioned_docs/version-v6/troubleshooting/debugging.mdx @@ -21,7 +21,7 @@ title: Debugging ## Live Reload -Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.md). +Live Reload is useful for debugging native functionality (such as plugins) on device hardware. Rather than deploy a new native binary each time you make a code change, it reloads the browser (or WebView) when changes in the app are detected. [Learn more here](../cli/livereload.mdx). ## iOS and Safari diff --git a/versioned_docs/version-v6/troubleshooting/native.mdx b/versioned_docs/version-v6/troubleshooting/native.mdx index a20617fc1ac..612d928be96 100644 --- a/versioned_docs/version-v6/troubleshooting/native.mdx +++ b/versioned_docs/version-v6/troubleshooting/native.mdx @@ -52,7 +52,7 @@ Running an app on an iOS device requires a provisioning profile. If a provisioni Error: Error code 65 for command: xcodebuild with args: -xcconfig,/Users/ionitron/projects/my-project/platforms/ios/cordova/build-debug.xcconfig,-workspace,SC project.xcworkspace,-scheme,SC project,-configuration,Debug,-sdk,iphonesimulator,-destination,platform=iOS Simulator,name=iPhone X,build,CONFIGURATION_BUILD_DIR=/Users/ionitron/projects/my-project/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/Users/ionitron/projects/my-project/platforms/ios/build/sharedpch ``` -This error is an error code from Xcode that can be caused by provisioning issues or outdated cordova dependencies. To fix this error first make sure a provisioning profile has been generated using the above instructions and then try to [run the app from Xcode](../developing/ios.md#running-with-xcode). +This error is an error code from Xcode that can be caused by provisioning issues or outdated cordova dependencies. To fix this error first make sure a provisioning profile has been generated using the above instructions and then try to [run the app from Xcode](../developing/ios.mdx#running-with-xcode). If this does not fix the error then run the following commands: diff --git a/versioned_docs/version-v6/vue/overview.mdx b/versioned_docs/version-v6/vue/overview.mdx index cd18790e79d..77b14df8f81 100644 --- a/versioned_docs/version-v6/vue/overview.mdx +++ b/versioned_docs/version-v6/vue/overview.mdx @@ -28,7 +28,7 @@ Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meani [Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic Vue` web app run natively on iOS, Android, and the web. -While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). +While there are no known technical limitations to using `Ionic Vue` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic Vue` in the [Ionic CLI tooling](../cli.mdx) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). ## From the Community diff --git a/versioned_docs/version-v6/vue/your-first-app.mdx b/versioned_docs/version-v6/vue/your-first-app.mdx index df78db1f7d0..2149ad89bb6 100644 --- a/versioned_docs/version-v6/vue/your-first-app.mdx +++ b/versioned_docs/version-v6/vue/your-first-app.mdx @@ -62,7 +62,7 @@ npm install -g @ionic/cli@latest native-run cordova-res :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v6/api.md b/versioned_docs/version-v7/api.mdx similarity index 100% rename from versioned_docs/version-v6/api.md rename to versioned_docs/version-v7/api.mdx diff --git a/versioned_docs/version-v7/cli.md b/versioned_docs/version-v7/cli.mdx similarity index 98% rename from versioned_docs/version-v7/cli.md rename to versioned_docs/version-v7/cli.mdx index a75302d0937..c772a776de8 100644 --- a/versioned_docs/version-v7/cli.md +++ b/versioned_docs/version-v7/cli.mdx @@ -37,7 +37,7 @@ Be sure to run `ionic --help` in your project directory. For some commands, such as `ionic serve`, the help documentation is contextual to the type of your project, e.g. React vs Angular. ::: - +{/* TODO: image? */} ## Architecture diff --git a/versioned_docs/version-v7/components.md b/versioned_docs/version-v7/components.mdx similarity index 98% rename from versioned_docs/version-v7/components.md rename to versioned_docs/version-v7/components.mdx index 732b59a43b2..aa29df22e34 100644 --- a/versioned_docs/version-v7/components.md +++ b/versioned_docs/version-v7/components.mdx @@ -19,7 +19,7 @@ import DocsCards from '@components/global/DocsCards'; `} -Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. +Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.mdx) for a complete list of each component and sub-component. diff --git a/versioned_docs/version-v7/index.md b/versioned_docs/version-v7/index.mdx similarity index 99% rename from versioned_docs/version-v7/index.md rename to versioned_docs/version-v7/index.mdx index 86bcb90b6e4..d033d165572 100644 --- a/versioned_docs/version-v7/index.md +++ b/versioned_docs/version-v7/index.mdx @@ -139,7 +139,7 @@ Ionic is actively developed and maintained full-time by a core team, and its eco There are millions of Ionic developers in over 200 countries worldwide. Here are some ways to join: - +{/* prettier-ignore */} - Forum: A great place for asking questions and sharing ideas. - Twitter: Where we post updates and share content from the Ionic community. - GitHub: For reporting bugs or requesting new features, create an issue here. PRs welcome! diff --git a/versioned_docs/version-v7/native-faq.md b/versioned_docs/version-v7/native-faq.mdx similarity index 100% rename from versioned_docs/version-v7/native-faq.md rename to versioned_docs/version-v7/native-faq.mdx diff --git a/versioned_docs/version-v7/native-setup.md b/versioned_docs/version-v7/native-setup.mdx similarity index 100% rename from versioned_docs/version-v7/native-setup.md rename to versioned_docs/version-v7/native-setup.mdx diff --git a/versioned_docs/version-v7/native.md b/versioned_docs/version-v7/native.mdx similarity index 100% rename from versioned_docs/version-v7/native.md rename to versioned_docs/version-v7/native.mdx diff --git a/versioned_docs/version-v7/react.md b/versioned_docs/version-v7/react.mdx similarity index 100% rename from versioned_docs/version-v7/react.md rename to versioned_docs/version-v7/react.mdx