aspectRatio function

BloomNode aspectRatio({
  1. required double ratio,
  2. required BloomNode child,
  3. String extraClassName = '',
})

Aspect ratio container component primitive.

Constrains its child to a fixed aspect ratio (e.g. 16/9, 4/3, 1/1).

Implementation

BloomNode aspectRatio({
  required double ratio,
  required BloomNode child,
  String extraClassName = '',
}) {
  return Div(
    attrs: const {'data-slot': 'aspect-ratio'},
    style: 'aspect-ratio: $ratio; position: relative; width: 100%;',
    className: cn(['overflow-hidden', extraClassName]),
    children: [child],
  );
}