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`

ViewLink Video