Skip to content

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>
@vercel
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
@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.

3 participants