docs(config): add code snippets of how to access the mode per framework

[joesphchang]

Added ionic-mode to the appropriate section in Config

Initial issue: Issue #2580

[vercel]

@joesphchang is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 12, 2025 2:50pm

[brandyscarney]

Thank you for this!

I spoke with the team, and we think it would be clearer if getting the mode were its own section, separate from the get method. This helps make it more obvious that the get method isn't available in all frameworks.

For example, Angular would remain the same:

And a new section would be added, either before or after the Angular one:

Additionally, we should make sure that all framework examples are consistent. This would be a good use case for adding a playground if we want to apply styles based on the mode. You can see an example of a playground in a guide page here: https://ionicframework.com/docs/utilities/gestures#basic-gestures

And the source code for that example is here: https://github.com/ionic-team/ionic-docs/tree/main/static/usage/v8/gestures/basic

Lastly, we need to make sure this documentation is also added to the v7 directories:

• https://github.com/ionic-team/ionic-docs/blob/main/versioned_docs/version-v7/developing/config.md
• https://github.com/ionic-team/ionic-docs/tree/main/static/usage/v7

Let me know if you have any questions!