Skip to Content

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