Components

Aspect Ratio

원하는 비율 내에서 콘텐츠를 표시합니다.

A house in a forest
<AspectRatio ratio={16 / 8}>
<img src="https://images.unsplash.com/photo-1479030160180-b1860951d696?&auto=format&fit=crop&w=1200&q=80" alt="A house in a forest" style={{ objectFit: "cover", width: "100%", height: "100%", borderRadius: "var(--radius-2)", }} />
</AspectRatio>

API Reference

이 컴포넌트는 Aspect Ratio primitive의 props를 상속받습니다.

PreviousAlert Dialog
NextAvatar