widgets

Aspect ratio

Displays content within a desired ratio.

Features

Accepts any CSS custom ratio.

Links

Open in playground Open in Storybook View source

Content

Anatomy

import { AspectRatio } from "@wonderflow/react-components";

export default () => {
  return (
    <AspectRatio ratio="16/9">
      <div>...</div>
    </AspectRatio>
  );
};

tsx

API Reference

PROPERTY

TYPE

DEFAULT

ratio*

string