reflex/docs/library/chakra/layout/aspectratio.md

---

components:

- rx.chakra.AspectRatio

---

Aspect Ratio

import reflex as rx

Preserve the ratio of the components contained within a region.

rx.chakra.box(element="iframe", src="https://bit.ly/naruto-sage", border_color="red")

rx.chakra.aspect_ratio(
    rx.chakra.box(
        element="iframe",
        src="https://bit.ly/naruto-sage",
        border_color="red"
    ),
    ratio=4/3
)