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`

Video useExecuteAction