reflex/docs/library/layout/center.md

---

components:

- rx.radix.center

---

import reflex as rx

Center

Center is a component that centers its children within itself. It is based on the flex component and therefore inherits all of its props.

rx.center(
    rx.text("Hello World!"),
    border_radius="15px",
    border_width="thick",
    width="50%",
)