lightning:avatar
ユーザのビジュアル表現。
lightning:avatar コンポーネントは、ユーザを表す画像です。デフォルトで、この画像は中サイズの角丸長方形 (square バリエーションともいう) で表示されます。
このコンポーネントは、Lightning Design System のアバターからスタイル設定を継承します。
次に例を示します。
alternativeText 属性を使用して、ユーザのイニシャルや名前など、アバターを説明します。この説明によって、img HTML タグの alt 属性の値が指定されます。
属性
| 属性名 | 属性型 | 説明 | 必須項目? |
|---|---|---|---|
| alternativeText | String | アバターの説明に使用する代替テキストで、画像のフロート表示テキストとして表示されます。 | はい |
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントの基本クラスに加え、外部要素の CSS クラス。 | |
| size | String | アバターのサイズ。有効な値は、x-small、small、medium、large です。この値のデフォルトは medium です。 | |
| src | String | 画像の URL。 | はい |
| variant | String | バリエーションによってアバターの形状が変化します。有効な値は、empty、circle、square です。この値のデフォルトは square です。 |