333 Columns

App

#| standalone: true
#| components: [viewer]
#| layout: horizontal
#| viewerHeight: 800
from shiny.express import ui

ui.tags.br()


with ui.card():
    "Card A"
        
with ui.card():
    "Card B"
        
with ui.card():
    "Card C"
        
with ui.card():
    "Card D"

Edit this app

#| standalone: true
#| components: [editor, viewer]
#| layout: horizontal
#| viewerHeight: 800
from shiny.express import ui

ui.tags.br()


with ui.card():
    "Card A"
        
with ui.card():
    "Card B"
        
with ui.card():
    "Card C"
        
with ui.card():
    "Card D"

The source code for this exercise is at https://github.com/posit-conf-2024/intro-to-shiny-for-python/tree/main/docs/apps/333-columns.