⚠️ Still in β. Lightモードで御覧ください。
Docs
Components
Avatar

Avatar

アバター画像用のコンポーネントです。

対応するHTML構造
<div class="e--avatar">
	<img {...} />
</div>
 

Props

--

  • 画像パスのプリセットを呼び出せるようにしたい 未実装
  • placeholderで画像じゃなくて一文字とかで表示できるようにしたい 未実装

Import

import { Avatar } from '@loos/lism-core';

DEMO

Avatar の例
avatar-name
avatar-name
リサイズ可能エリアです ↑
<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'}}/>