Avatar

Osoba jako inicjały albo zdjęcie, na listach, w komentarzach i polach przypisania. Bez nazwy rysuje przerywane koło nieprzypisanego.

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

ANANANJKŁ

Anna Nowak commented

ANANANJKŁ

Anna Nowak commented

ANANANJKŁ

Anna Nowak commented

tsx

import { Avatar } from '@skribly/ui/brand'

tsx

<Avatar name="Anna Nowak" />
<Avatar name="Jan Kowalski" src={user.photo} size="lg" />
<Avatar unassignedLabel="Unassigned" />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

Obraz nazwany imieniem osoby.
Ustaw decorative, gdy nazwa jest napisana obok, aby nie była odczytana dwa razy.
Koło nieprzypisanego jest odczytywane tylko z unassignedLabel.
Zdjęcie, które się nie wczyta, wraca do inicjałów.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.