Skip to content

Commit

Permalink
docs(navset): Add examples for navset (#1579)
Browse files Browse the repository at this point in the history
  • Loading branch information
@karangattu
karangattu authored Jul 29, 2024
1 parent 97dd4a7 commit 3b278e3
Show file tree
Hide file tree
Showing 24 changed files with 485 additions and 22 deletions.
22 changes: 22 additions & 0 deletions shiny/api-examples/nav_control/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
12 changes: 12 additions & 0 deletions shiny/api-examples/nav_control/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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",
)
20 changes: 20 additions & 0 deletions shiny/api-examples/nav_menu/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
10 changes: 10 additions & 0 deletions shiny/api-examples/nav_menu/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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"
19 changes: 19 additions & 0 deletions shiny/api-examples/nav_spacer/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
11 changes: 11 additions & 0 deletions shiny/api-examples/nav_spacer/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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"
27 changes: 27 additions & 0 deletions shiny/api-examples/navset_bar/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_bar/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
26 changes: 26 additions & 0 deletions shiny/api-examples/navset_card_pill/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_card_pill/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
26 changes: 26 additions & 0 deletions shiny/api-examples/navset_card_tab/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_card_tab/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
26 changes: 26 additions & 0 deletions shiny/api-examples/navset_card_underline/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_card_underline/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
26 changes: 26 additions & 0 deletions shiny/api-examples/navset_pill/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_pill/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
26 changes: 26 additions & 0 deletions shiny/api-examples/navset_pill_list/app-core.py
View file
Original file line number Diff line number Diff line change
@@ -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)
20 changes: 20 additions & 0 deletions shiny/api-examples/navset_pill_list/app-express.py
View file
Original file line number Diff line number Diff line change
@@ -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")
Loading

0 comments on commit 3b278e3

Please sign in to comment.