Structure
Aspect Ratio
Aspect ratio constrains its content to a fixed width-to-height ratio.
Common ratios#
Pass any width-to-height ratio. The default is 1 (square).
Square
Standard
Widescreen
Portrait#
Ratios below 1 produce portrait orientation, useful for posters and profile cards.
Image grid#
Images are cropped with object-cover, so mixed-size images stay uniform in a grid.
Component props#
| Name | Type | Description |
|---|---|---|
| ratio | number | Width-to-height ratio, e.g. 16 / 9 (default: 1) |