ビュー
画像・動画
Avatar

Avatar

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

基本的な使い方

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

詳細なインターフェース

名前説明デフォルト値
urlアバターの画像のURLを指定します。必須
sizeアバターのサイズを指定します。sm, md, lg, xlのいずれかを指定できます。md
shapeアバターの形状を指定します。circleまたはsquareを指定できます。circle