Skip to content

feat(navigation): demonstrate nested tab navigators#1292

Open
hgray-instawork wants to merge 3 commits intomasterfrom
hardin/demo-nested-tabs
Open

feat(navigation): demonstrate nested tab navigators#1292
hgray-instawork wants to merge 3 commits intomasterfrom
hardin/demo-nested-tabs

Conversation

@hgray-instawork
Copy link
Collaborator

@hgray-instawork hgray-instawork commented Feb 5, 2026

Creating a demo in the navigation section of the demo app to illustrate how navigators can be nested to provide a bottom tab/top tab UI. The nested navigator exists in a separate file to show have the navigation hierarchy can be dynamically expanded.

Added an example in Advanced/Case Studies for a top nav bar.

Updated the demo to use nested navigation for top tabs.

Demo Nested Top tab bar
img vid top

Asana

@hgray-instawork hgray-instawork requested a review from a team February 5, 2026 17:20
Copy link
Collaborator

@flochtililoch flochtililoch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it make sense to update the implementation of the demo app so it also implements this technique for its top tabs?

@@ -1,17 +1,13 @@
{% macro tabbar_top(tabs) %}
<select-single id="tab-bar" name="tab-bar" style="tabbar-top-select">
<view style="tabbar-top-container">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Switching from select-single to view is the likely cause of the UI jankiness seen in your captured video when switching over to a tab that wasn't already loaded. Can the navigation actions be performed on the select behavior?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants