Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Aspect Ratio

Displays content with a desired ratio.

Basic Example

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[float, int]

Event Triggers

See the full list of default event triggers