Media
メディア用にデフォルトで<img>タグが出力されるようになった<Core>コンポーネントです。
Props
tag: htmlタグを指定できます。デフォルトは<img>です。as: 展開したいコンポーネントを指定できます。(例:Next.jsのImage>コンポーネントなど）
Import
import { Media } from '@Media/core';DEMO
Mediaの例1: ただの画像
リサイズ可能エリアです ↑
<Media src="/img/demo-img.jpeg" alt="" width={960} height={640} />Mediaの例2:
asでnextのImageを渡す
リサイズ可能エリアです ↑
import Image from 'next/image';
<Media as={Image} src="/img/demo-img.jpeg" alt="" width={960} height={640} />