Containers are used to constrain a content's width to the current breakpoint, while keeping it fluid.

Example
rc.container(
    rc.box(
        "Example", bg="blue", color="white", width="50%"
    ),
    center_content=True,
    bg="lightblue",
)

rc.Container

A flexbox container that centers its children and sets a max width.

PropType | ValuesDefault
center_content
bool

Event Triggers

See the full list of default event triggers