nl-design-system / backlog

Central product backlog of the NL Design System.

European Union Public License 1.2

7 stars 1 forks source link

Avatar #83

Open usethetics opened 3 years ago

usethetics commented 3 years ago

[ ] HTML/CSS component
[ ] Web Component
[ ] Figma component
[ ] Design tokens
[ ] Documentation

Description

An avatar is a profile picture component commonly used to show users whether or not they are signed into a service. Clicking an avatar commonly navigates to page with user settings or a profile page.t

Use when

Don’t use when

Variations

Initials
Picture
SVG

This component can also be presented as a

Avatar as Link
Avatar as Button

Personal account pattern

Robbert commented 11 months ago

De avatar component staat al wel in de NL Design System community Figma als voorbeeld component, maar hij is nog niet officiëel onderdeel van de design systems van Utrecht of Den Haag.

Wordt misschien niet gebruikt voor de MijnOmgeving van Den Haag, daar wordt een algemeen icoontje gebruikt. Wordt waarschijnlijk wel gebruikt voor chat, bij Den Haag staat die al in de voorlopige ontwerpen.

Dus: nog niet een "help wanted" component, ook nog niet een "community" component.