ui.showcase_bottom

ui.showcase_bottom(width='100%', width_full_screen=None, height='auto', height_full_screen='2fr', max_height='100px', max_height_full_screen=None)

Showcase bottom

A showcase_bottom is a ShowcaseLayout with the following default properties:

• width is "100%"
• width_full_screen is None
• height is "auto"
• height_full_screen is "2fr"
• max_height is "100px"
• max_height_full_screen is None

See Also

• showcase_left_center
• showcase_top_right
• value_box

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)