ShinyComponent app demonstrating flexible cards

app.py

from htmltools import Tag
from shiny import App, render, ui

import shinycomponent as sc

# Basic paragraph tag with some lorem ipsum text inside of it
lorem_ipsum = ui.p("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")

app_ui = sc.page_dashboard(
    sc.grid(
        sc.card(
            sc.card_header("Pure flex card"),
            Tag("output-plot"),
            lorem_ipsum,
            sc.card_footer("A footer"),
        ),
        sc.card(
            sc.card_header("Plot with fixed height"),
            Tag("output-plot", height="100"),
            lorem_ipsum,
            sc.card_footer(
                sc.forge.input_slider("n", "Number of bins", 10, 100, 20),
            ),
        ),
        sc.card(
            sc.card_header("Break out of the grid-row height"),
            Tag("output-plot", height="100"),
            lorem_ipsum,
            sc.card_footer(
                sc.forge.input_slider("n", "Number of bins", 10, 100, 20),
            ),
            height="content",
        ),
        sc.card(
            sc.card_header("...Or don't"),
            Tag("output-plot", height="90"),
            lorem_ipsum,
            Tag("output-plot"),
        ),
        nRows=2,
        nCols=2,
    ),
)


def server(input, output, session):
    pass


app = App(app_ui, server, debug=True)

requirements.txt

https://raw.githubusercontent.com/wch/shinycomponent/main-build/py/dist/shinycomponent-0.0.1-py3-none-any.whl