AspectRatio

AspectRatioは、アスペクト比を維持したビデオやマップなどを埋め込むためのコンポーネントです。

シン・ゴジラ

使い方

import { AspectRatio } from "@yamada-ui/react"

<AspectRatio />

iframeを使う

Props

類似のコンポーネント

Bleed

Bleedは、要素をコンテナの境界から外すために使用されるコンポーネントです。

Box

Boxは、他のすべてのコンポーネントがその上に構築される最も抽象的なコンポーネントです。デフォルトでは、div要素をレンダリングします。

Center

Centerは、コンポーネント内の子要素を中央に配置するコンポーネントです。

Container

Containerは、汎用的な区分要素として使用するコンポーネントです。デフォルトでは、section要素をレンダリングします。

Flex

Flexは、Boxにflexを設定したコンポーネントです。また、便利なスタイルのショートハンドが用意されています。

Float

Floatは、要素をコンテナの端に固定するために使用されるコンポーネントです。

Grid

Gridは、グリッドレイアウトを管理するためのコンポーネントです。また、便利なスタイルのショートハンドが用意されています。

Group

Groupは、複数の要素をまとめて扱うためのコンポーネントです。