reflex_copy/docs/library/chakra/layout/container.md

---

components:

- rx.chakra.Container

---

Container

import reflex as rx

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

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