インポート
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
写真またはイニシャル。その人の名前がアクセシブルな名前になります。
| 名前 | 型 | デフォルト | 説明 |
|---|---|---|---|
name入力 | string | その人の名前。アクセシブルな名前、イニシャル、色はこの値から決まります。 | |
src入力 | string | 写真の URL。読み込みに失敗した場合は、代わりにイニシャルが表示されます。 | |
size入力 | 'sm' | 'md' | 'lg' | 'md' | サイズ：sm、md、lg のいずれか。 |
shape入力 | 'circle' | 'square' | 'circle' | circle または square。 |
status入力 | 'online' | 'away' | 'busy' | 'offline' | 在席状況を示すドット：online、away、busy、offline のいずれか。 | |
label入力 | string | 名前よりも多くを伝えるアクセシブルな名前。たとえば「Ada Lovelace、オンライン」。 | |
decorative入力 | boolean | false | 支援技術からアバターを隠します。名前がすぐ横に表示されているアバターに使います。 |
NuiAvatarGroup
重なり合うアバターの列。aria-label で名前を付けてください。