Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(react, vue, angular): use tabs without router #29794

Merged
merged 3 commits into from
Aug 26, 2024
Merged

Conversation

thetaPC
Copy link
Contributor

@thetaPC thetaPC commented Aug 23, 2024

Issue number: resolves #25184


What is the current behavior?

React: Developers have to provide IonRouterOutlet to use IonTabs. This means that developers are forced to tie their tabs to a router.

Vue: Developers have to provide ion-router-outlet to use ion-tabs. This means that developers are forced to tie their tabs to a router.

Angular: Developers are defaulted to have ion-router-outlet when ion-tabs is in their app. This means that developers are forced to tie their tabs to a router.

What is the new behavior?

PRs were opened individually to make the changes

React

  • IonTabs can be used without a router outlet as long as IonTab is a child and IonRouterOutlet is not.
  • Added a test.
  • Added a test page: /tabs-basic

Vue

  • ion-tabs can be used without a router outlet as long as ion-tab is a child and ion-router-outlet is not.
  • Added a test.
  • Added a test page: /tabs-basic

Angular

  • ion-tabs can be used without a router outlet as long as ion-tab is a child.
  • Added a test.
  • Added a test page: /tabs-basic

Does this introduce a breaking change?

  • Yes
  • No

Developers who are still using ion-tabs with ion-router-outlet will not experience any changes. This feature PR introduces another option to use ion-tabs, no changes for the current implementation.

Other information

Dev build: 8.2.8-dev.11724440750.150ba143

thetaPC and others added 3 commits August 22, 2024 13:54
Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com>
Copy link

vercel bot commented Aug 23, 2024

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

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 23, 2024 6:51pm

@github-actions github-actions bot added package: core @ionic/core package package: angular @ionic/angular package package: vue @ionic/vue package package: react @ionic/react package labels Aug 23, 2024
@thetaPC thetaPC changed the title Tabs router feat(react, vue, angular): use tabs without router Aug 23, 2024
@thetaPC thetaPC marked this pull request as ready for review August 23, 2024 19:24
@thetaPC thetaPC requested a review from a team as a code owner August 23, 2024 19:24
@thetaPC thetaPC merged commit 867066b into feature-8.3 Aug 26, 2024
57 of 58 checks passed
@thetaPC thetaPC deleted the tabs-router branch August 26, 2024 15:13
rugoncalves pushed a commit that referenced this pull request Sep 5, 2024
Issue number: resolves #25184

---------

Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com>
brandyscarney added a commit that referenced this pull request Sep 5, 2024
Issue number: resolves #25184

---------

Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: angular @ionic/angular package package: core @ionic/core package package: react @ionic/react package package: vue @ionic/vue package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants