ui.showcase_top_right
ui.showcase_top_right(width='40%', width_full_screen='1fr', max_height='75px', max_height_full_screen='67%')
Showcase top right
A showcase_top_right is a ShowcaseLayout
with the following default properties:
width
is"40%"
width_full_screen
is"1fr"
max_height
is"75px"
max_height_full_screen
is"67%"
See Also
Examples
#| standalone: true
#| components: [editor, viewer]
#| layout: vertical
#| viewerHeight: 400
## file: app.py
from icons import arrow_up, piggy_bank
from shiny import App, ui
app_ui = ui.page_fluid(
ui.layout_column_wrap(
ui.value_box(
"KPI Title",
ui.h1(ui.HTML("$1 <i>Billion</i> Dollars")),
ui.span(arrow_up, " 30% VS PREVIOUS 30 DAYS"),
showcase=piggy_bank,
theme="bg-gradient-orange-cyan",
full_screen=True,
),
ui.value_box(
"KPI Title",
ui.h1(ui.HTML("$1 <i>Billion</i> Dollars")),
ui.span(arrow_up, " 30% VS PREVIOUS 30 DAYS"),
showcase=piggy_bank,
theme="text-green",
showcase_layout="top right",
full_screen=True,
),
ui.value_box(
"KPI Title",
ui.h1(ui.HTML("$1 <i>Billion</i> Dollars")),
ui.span(arrow_up, " 30% VS PREVIOUS 30 DAYS"),
showcase=piggy_bank,
theme="purple",
showcase_layout="bottom",
full_screen=True,
),
)
)
app = App(app_ui, server=None)