Aspect Ratio
Displays content within a desired ratio.
16:9
The default 16:9 aspect ratio.
16:9
1:1 (Square)
Square aspect ratio.
1:1
4:3
Classic 4:3 ratio.
4:3
Usage
julia
using Suite
AspectRatio(ratio=16/9,
Img(:src => "/photo.jpg", :alt => "Photo",
:class => "size-full object-cover"),
)
AspectRatio(ratio=1/1,
Div("Square content"),
)API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| ratio | Real | 16/9 | Aspect ratio (width/height) |
| class | String | "" | Additional CSS classes |
| children... | Any | - | Content to display within the ratio |
| kwargs... | Pair | - | Any HTML attribute |