Docs

Blog

Gallery

Resources

Learn

Components

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.

PropTypeDescriptionValues
center_contentbool

If true, container will center its children regardless of their width.

Event Triggers

No component specific event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting