28 lines
456 B
Markdown
28 lines
456 B
Markdown
---
|
|
components:
|
|
- rx.chakra.AspectRatio
|
|
---
|
|
|
|
# Aspect Ratio
|
|
|
|
```python exec
|
|
import reflex as rx
|
|
```
|
|
|
|
Preserve the ratio of the components contained within a region.
|
|
|
|
```python demo
|
|
rx.chakra.box(element="iframe", src="https://bit.ly/naruto-sage", border_color="red")
|
|
```
|
|
|
|
```python demo
|
|
rx.chakra.aspect_ratio(
|
|
rx.chakra.box(
|
|
element="iframe",
|
|
src="https://bit.ly/naruto-sage",
|
|
border_color="red"
|
|
),
|
|
ratio=4/3
|
|
)
|
|
```
|