Basic blocks
Blocks are essentially content, every time you add a paragraph, image or chart that's a block. There are many different kind of blocks, some blocks can contain other blocks. A page is a combination of different blocks you add to it.
h1
, h2
, h3
h1
, h2
, h3
app.h1("Big sized Heading")
app.h2("Medium sized Heading")
app.h3("Medium sized Heading")
paragraph
paragraph
paragraph
is also aliased by p
app.p("A paragraph")
app.paragraph("A paragraph")
quote
quote
app.quote("This is a quote")
code
code
You can set the language to change how the coloring is done.
app.code("""
import numpy as np
np.array([1,2,3])
""", language="python")
tooltip
tooltip
Shows a tooltip when you hover over a text.
app.tooltip(app.p("RMSE"), tooltip_text="Root Mean Squared Error")
space
space
Add a blank space of any height to your app.
app.space(height=60)
ordered_list
, bullet_list
ordered_list
, bullet_list
app.ordered_list(
["order 1", "order 2"]
)
app.bullet_list(
["bullet 1", "bullet 2"]
)
details
, card
details
, card
app.details(
title_content=app.h1("RMSE"),
contents=[
"Root Mean Squared Error
]
)
columns
columns
app.columns([
app.p("Column 1"),
app.p("Column 2")
], num_columns=2)
image
, audio
, video
image
, audio
, video
You embed images, audios and video from a url, local file or bytes.
app.image("example_image.png", title="Example image", width_percentage=100)
app.audio("example_audio.wav", title="Example audio", width_percentage=100)
app.video("example_video.mp4", title="Example video", width_percentage=100)
Updated 8 months ago