docs(navset): Add examples for navset

shiny/api-examples/nav_control/app-core.py

@@ -0,0 +1,22 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_card_underline(
+        ui.nav_control(ui.a("Shiny", href="https://shiny.posit.co", target="_blank")),
+        ui.nav_control(
+            ui.a(
+                "Learn Shiny",
+                href="https://shiny.posit.co/py/docs/overview.html",
+                target="_blank",
+            )
+        ),
+    ),
+    id="tab",
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/nav_control/app-express.py

@@ -0,0 +1,12 @@
+from shiny.express import ui
+
+with ui.navset_card_underline(id="tab"):
+    with ui.nav_control():
+        ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+
+    with ui.nav_control():
+        ui.a(
+            "Learn Shiny",
+            href="https://shiny.posit.co/py/docs/overview.html",
+            target="_blank",
+        )

shiny/api-examples/nav_menu/app-core.py

@@ -0,0 +1,20 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_card_pill(
+        ui.nav_menu(
+            "Nav Menu items",
+            ui.nav_panel("A", "Panel A content"),
+            ui.nav_panel("B", "Panel B content"),
+            ui.nav_panel("C", "Panel C content"),
+        ),
+        id="card_pill",
+    ),
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/nav_menu/app-express.py

@@ -0,0 +1,10 @@
+from shiny.express import ui
+
+with ui.navset_card_pill(id="card_pill"):
+    with ui.nav_menu("Nav Menu items"):
+        with ui.nav_panel("A"):
+            "Page A content"
+        with ui.nav_panel("B"):
+            "Page B content"
+        with ui.nav_panel("C"):
+            "Page C content"

shiny/api-examples/nav_spacer/app-core.py

@@ -0,0 +1,19 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_underline(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_spacer(),
+        ui.nav_spacer(),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        id="navset_underline",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/nav_spacer/app-express.py

@@ -0,0 +1,11 @@
+from shiny.express import ui
+
+with ui.navset_underline():
+    with ui.nav_panel("Tab 1"):
+        "Tab 1 content"
+    ui.nav_spacer()
+    ui.nav_spacer()
+    with ui.nav_panel("Tab 2"):
+        "Tab 2 content"
+    with ui.nav_panel("Tab 3"):
+        "Tab 3 content"

shiny/api-examples/navset_bar/app-core.py

@@ -0,0 +1,27 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_bar(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+        title="Navset Bar",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_bar/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_bar(title="Navset Bar", id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")

shiny/api-examples/navset_card_pill/app-core.py

@@ -0,0 +1,26 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_card_pill(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_card_pill/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_card_pill(id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")

shiny/api-examples/navset_card_tab/app-core.py

@@ -0,0 +1,26 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_card_tab(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_card_tab/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_card_tab(id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")

shiny/api-examples/navset_card_underline/app-core.py

@@ -0,0 +1,26 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_card_underline(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_card_underline/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_card_underline(id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")

shiny/api-examples/navset_pill/app-core.py

@@ -0,0 +1,26 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_pill(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_pill/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_pill(id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")

shiny/api-examples/navset_pill_list/app-core.py

@@ -0,0 +1,26 @@
+from shiny import App, ui
+
+app_ui = ui.page_fluid(
+    ui.navset_pill_list(
+        ui.nav_panel("A", "Panel A content"),
+        ui.nav_panel("B", "Panel B content"),
+        ui.nav_panel("C", "Panel C content"),
+        ui.nav_menu(
+            "Other links",
+            ui.nav_panel("D", "Panel D content"),
+            "----",
+            "Description:",
+            ui.nav_control(
+                ui.a("Shiny", href="https://shiny.posit.co", target="_blank")
+            ),
+        ),
+        id="tab",
+    )
+)
+
+
+def server(input, output, session):
+    pass
+
+
+app = App(app_ui, server)

shiny/api-examples/navset_pill_list/app-express.py

@@ -0,0 +1,20 @@
+from shiny.express import ui
+
+with ui.navset_pill_list(id="tab"):
+    with ui.nav_panel("A"):
+        "Panel A content"
+
+    with ui.nav_panel("B"):
+        "Panel B content"
+
+    with ui.nav_panel("C"):
+        "Panel C content"
+
+    with ui.nav_menu("Other links"):
+        with ui.nav_panel("D"):
+            "Page D content"
+
+        "----"
+        "Description:"
+        with ui.nav_control():
+            ui.a("Shiny", href="https://shiny.posit.co", target="_blank")