Displays content with a desired ratio.

Setting the ratio prop will adjust the width or height of the content such that the width divided by the height equals the ratio. For responsive scaling, set the width or height of the content to "100%".

Widescreen 16:9
Letterbox 4:3
Square 1:1
Portrait 5:7

API Reference

rx.aspect_ratio

Displays content with a desired ratio.

Test
PropType | ValuesDefaultInteractive
ratio
Union[int, float]

Built with Reflex