メディア

色調を使ったアートワーク

実際の画像

Reset the float when the image should return to normal document flow. The image keeps its intrinsic ratio at every width.

使用箇所： レスポンシブデザインのガイド.

使い方とインターフェース

src のない DemoMedia は、サイトの山のイラストをシート上のインライン SVG として描画し、tone による currentColor で着色します。src と alt があれば、固有の width と height を指定したサイトの Image を描画します。

<DemoMedia tone="blue" className="w-full h-auto" aria-label="Blue mountain illustration" /><DemoMedia src="/demo/landscape.svg" alt="Sun above layered mountains" width={320} height={200} />

このコンポーネントはレイアウトを追加しません。寸法、角丸、float は例側で指定します。