ビュー
画像・動画
Image

Image

Imageコンポーネントは、画像を表示するためのコンポーネントです。

基本的な使い方

import { Card, Image } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Image url="https://example.com/images/cute_cat.png" objectFit="cover" />
    </Card>
  );
};
 
export default App;
使用例

詳細なインターフェース

名前説明デフォルト値
url表示する画像のURLを指定します。必須
objectFit画像の表示方法を指定します。cover, contain, fill, none, scale-downのいずれかを指定できます。cover