Avatar
アバター画像用のコンポーネントです。
対応するHTML構造
<div class="e--avatar">
<img {...} />
</div>
Props
--
- 画像パスのプリセットを呼び出せるようにしたい 未実装
placeholder
で画像じゃなくて一文字とかで表示できるようにしたい 未実装
Import
import { Avatar } from '@loos/lism-core';
DEMO
Avatar の例
リサイズ可能エリアです ↑
<Avatar size='4rem' name='avatar-name' src="/img/avatar01.jpg" />
<Avatar size='4rem' name='avatar-name' src="/img/avatar03.jpg" radius='4' shadow='1' bd={{w:'2px', c: 'purple:0.4'}}/>