ui.showcase_left_center

ui.showcase_left_center(width='30%', width_full_screen='1fr', max_height='100px', max_height_full_screen='67%')

Showcase left center

A showcase_left_center is a ShowcaseLayout with the following default properties:

• width is "30%"
• width_full_screen is "1fr"
• max_height is "100px"
• max_height_full_screen is "67%"

See Also

• showcase_top_right
• showcase_bottom
• 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)