Aspect Ratio

Constrains its content to a fixed width-to-height ratio. One published component, seventeen ratios, each one paired with its own inverse.

One component, seventeen ratios

Using the Aspect Ratio

Why is the ratio a variant rather than just a resize?
Because a board can be dragged to any size, and a size on its own says nothing about intent. Recording the ratio as a named property means the agent reads Ratio=16 / 9 off the instance and emits that ratio, instead of dividing 240 by 135 and hoping the rounding was not deliberate.
Why is the component empty?
It is a container, not a picture. The component is the constraint; the content goes inside your copy - an image, a map, a video still, a card. Everything the kit ships is a bare frame filled with base.muted so an empty slot still reads as a slot.
Why is every ratio doubled?
Each landscape ratio has its portrait inverse: 16 / 9 and 9 / 16, 4 / 3 and 3 / 4, right down to 1.618 / 1 and 1 / 1.618. Rotating a crop is then a dropdown rather than arithmetic, and the two orientations cannot drift apart.
Why does this page have no examples frame?
Most component pages carry a second frame showing the part in context. Twelve of the sixty-one do not, and this is one of them: an aspect ratio in context is a photo at a ratio, which the seventeen variants already show. Where a second frame would only repeat the first, the page stops at one.