Frame
Fits the image into a certain angle of view.
Usage
<div data-unitone-layout="frame">
<img src="https://placehold.jp/1000x1000.jpg" alt="" style="width: 100%" />
</div>
Props
HTML --unitone--ratio / JSX ratio={value}
Aspect ratio.
<div data-unitone-layout="frame" style="--unitone--ratio: 4/3">
<img src="https://placehold.jp/1000x1000.jpg" alt="" style="width: 100%" />
</div>
HTML -switch / JSX switchRatio
Switch aspect ratio when portrait.
<div data-unitone-layout="frame -switch">
<img src="https://placehold.jp/1000x1000.jpg" alt="" style="width: 100%" />
</div>