feat(react, vue, angular): use tabs without router #29794
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue number: resolves #25184
What is the current behavior?
React: Developers have to provide
IonRouterOutlet
to useIonTabs
. This means that developers are forced to tie their tabs to a router.Vue: Developers have to provide
ion-router-outlet
to useion-tabs
. This means that developers are forced to tie their tabs to a router.Angular: Developers are defaulted to have
ion-router-outlet
whenion-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 asIonTab
is a child andIonRouterOutlet
is not./tabs-basic
Vue
ion-tabs
can be used without a router outlet as long asion-tab
is a child andion-router-outlet
is not./tabs-basic
Angular
ion-tabs
can be used without a router outlet as long asion-tab
is a child./tabs-basic
Does this introduce a breaking change?
Developers who are still using
ion-tabs
withion-router-outlet
will not experience any changes. This feature PR introduces another option to useion-tabs
, no changes for the current implementation.Other information
Dev build: 8.2.8-dev.11724440750.150ba143