The Avatar component is utilized to represent a user and showcases their profile picture, initials, or fallback icon.
Core Components | ||
---|---|---|
Property Name | Property Type | Property Value |
Size | Variant | Small |
Medium | ||
Large | ||
XLarge | ||
Type | Variant | Image |
Empty state - Icon | ||
Empty state - Initial |
Kit Components (Auto Layout) |
---|
Avatar with Label |
Avatar - Group |
Avatar - Group with Text |
Avatar - Circle Counter |
Avatar - Long title |
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FyCECl956c0oOr3K8GdXdNe%2FNucleus-Plus%3Ftype%3Ddesign%26node-id%3D14500%3A14721%26mode%3Ddesign%26t%3DYCZdMB0oCV6piJdv-1