-
Notifications
You must be signed in to change notification settings - Fork 13.5k
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: allow IonTabs to be used without a router outlet #25184
feat: allow IonTabs to be used without a router outlet #25184
Comments
@sean-perkins it seems the |
@sean-perkins i made a PR for changes in Vue |
Offline thought/conversation; we should be able to detect this based on the tab containing an outlet or not. It may be possible to drop the |
@sean-perkins seems a got solution to me, to auto-detect, but if that not the |
@sean-perkins |
This definitely needs to be an option....It is allowed if just using vanilla JavaScript or Stencil, but React throws an error. Sometimes you just want simple, non-routeable tabs like what is actually shown in the example docs: https://github.com/ionic-team/ionic-docs/tree/main/static/demos/api/tabs/index.html |
Any update on this? |
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>
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>
This feature was released in v8.3.0! Make sure to update to the latest version to access it. |
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out. |
Prerequisites
Describe the Feature Request
Each framework wrapper couples the
ion-router-outlet
withinion-tabs
, prevent developers from usingion-tabs
in a standalone context or passing in another router solution.ion-tab
implementations through our framework wrappers, should support a new flag/option to disable coupling theion-router-outlet
.The web component implementation allows for this behavior, the framework wrappers do not; there shouldn't be a forced opinionation for using the base component.
Describe the Use Case
Applications that want to display content within their app, in a tabbed experience, without the complexities of routing or the need for routing; should be able to do so.
If I wanted to create an application that:
Describe Preferred Solution
Describe Alternatives
Alternatives would include creating your own tabs component, that brings in
ion-tab-bar
and sets up all the opinionated styling ofion-tabs
.Related Code
No response
Additional Information
Similar issues/requests: #24991
The text was updated successfully, but these errors were encountered: