Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding

Library

/

Chakra

/

Layout

/

Container

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

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

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

PropTypeDefault ValueValues
center_content
bool

Event Triggers

See the full list of default event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting